appiq-solution 1.0.2 → 1.0.4

package/appiq-installer.js

@@ -22,13 +22,20 @@ class AppiqSolutionInstaller {
     this.config = {
       version: "1.0.0",
       projectType: null, // 'greenfield' or 'brownfield'
-      techStack: {},
+      techStack: {
+        platform: null, // 'flutter', 'web', 'fullstack', 'api'
+        isFlutter: false,
+        hasUI: false,
+        database: null,
+        libraries: []
+      },
       selectedIDEs: [],
       projectName: null,
       projectIdea: null,
       targetUsers: null,
       projectPlan: null,
       planApproved: false,
+      mcpConfigs: {},
     };
   }
 
@@ -39,8 +46,11 @@ class AppiqSolutionInstaller {
     console.log(chalk.dim("https://github.com/Viktor-Hermann/APPIQ-METHOD\n"));
 
     try {
-      // Phase 1: Projekt-Typ Detection
-      await this.detectProjectType();
+              // Phase 1: Projekt-Typ Detection
+        await this.detectProjectType();
+
+        // Phase 1.5: Tech Stack Detection (Flutter, Web, etc.)
+        await this.detectTechStack();
 
       // Phase 2: Projektidee erfassen
       await this.collectProjectIdea();
@@ -54,25 +64,28 @@ class AppiqSolutionInstaller {
       // Phase 5: Plan-Freigabe
       await this.approvePlan();
 
-      // Phase 6: Installation
-      await this.performInstallation();
+              // Phase 6: Installation
+        await this.performInstallation();
 
-              // Phase 7: BMAD Core Configuration Setup
+        // Phase 7: MCP Configuration Setup
+        await this.setupMCPConfigurations();
+
+                // Phase 8: BMAD Core Configuration Setup
         await this.setupBMADCoreConfig();
 
-        // Phase 8: Document Templates & Dependencies
+        // Phase 9: Document Templates & Dependencies
         await this.setupDocumentTemplates();
 
-        // Phase 9: Agent Dependencies System
+        // Phase 10: Agent Dependencies System (+ Flutter Agents)
         await this.setupAgentDependencies();
 
-        // Phase 10: BMAD Orchestration (Full Flow)
+        // Phase 11: BMAD Orchestration (Full Flow)
         await this.setupBMADOrchestration();
 
-        // Phase 11: One-Click Setup
+        // Phase 12: One-Click Setup
         await this.setupOneClickWorkflows();
 
-        // Phase 12: Simple Instructions
+        // Phase 13: Simple Instructions
         await this.showSimpleInstructions();
     } catch (error) {
       console.error(chalk.red("❌ Installation failed:"), error.message);
@@ -189,6 +202,77 @@ class AppiqSolutionInstaller {
     console.log(chalk.green(`✅ IDEs: ${ideNames}\n`));
   }
 
+  async detectTechStack() {
+    console.log(chalk.yellow("🔍 Tech Stack Detection"));
+    console.log(chalk.gray("Analysiere Projekt-Umgebung und Tech Stack...\n"));
+
+    // Check for Flutter
+    const isFlutter = fs.existsSync(path.join(this.projectRoot, 'pubspec.yaml'));
+    
+    // Check for existing web frameworks
+    const hasPackageJson = fs.existsSync(path.join(this.projectRoot, 'package.json'));
+    let webFramework = null;
+    
+    if (hasPackageJson) {
+      try {
+        const packageJson = JSON.parse(fs.readFileSync(path.join(this.projectRoot, 'package.json'), 'utf8'));
+        if (packageJson.dependencies) {
+          const deps = Object.keys(packageJson.dependencies);
+          if (deps.includes('next')) webFramework = 'next.js';
+          else if (deps.includes('react')) webFramework = 'react';
+          else if (deps.includes('vue')) webFramework = 'vue';
+          else if (deps.includes('@nuxt/core')) webFramework = 'nuxt.js';
+          else if (deps.includes('@angular/core')) webFramework = 'angular';
+        }
+      } catch (e) {
+        // ignore package.json parsing errors
+      }
+    }
+
+    // Auto-detect or ask user
+    if (isFlutter) {
+      console.log(chalk.green("✅ Flutter Projekt erkannt!"));
+      this.config.techStack.platform = 'flutter';
+      this.config.techStack.isFlutter = true;
+      this.config.techStack.hasUI = true;
+      console.log(chalk.cyan("   → Dart MCP Server wird konfiguriert"));
+      console.log(chalk.cyan("   → Flutter Clean Architecture Agents werden geladen\n"));
+    } else if (webFramework) {
+      console.log(chalk.green(`✅ ${webFramework} Projekt erkannt!`));
+      this.config.techStack.platform = 'web';
+      this.config.techStack.hasUI = true;
+      console.log(chalk.cyan("   → shadcn/ui + v0.dev Integration wird konfiguriert\n"));
+    } else {
+      // Ask user for platform
+      const { platform } = await inquirer.prompt([
+        {
+          type: "list",
+          name: "platform",
+          message: "🎯 Welchen Tech Stack verwenden Sie?",
+          choices: [
+            { name: "📱 Flutter Mobile App", value: "flutter" },
+            { name: "🌐 Web App (React/Next.js/Vue)", value: "web" },
+            { name: "🚀 Fullstack (Frontend + Backend)", value: "fullstack" },
+            { name: "⚡ API/Backend Only", value: "api" },
+            { name: "🤷 Noch nicht sicher", value: "unknown" },
+          ],
+        },
+      ]);
+
+      this.config.techStack.platform = platform;
+      this.config.techStack.isFlutter = platform === 'flutter';
+      this.config.techStack.hasUI = ['flutter', 'web', 'fullstack'].includes(platform);
+      
+      if (platform === 'flutter') {
+        console.log(chalk.cyan("   → Dart MCP Server wird konfiguriert"));
+        console.log(chalk.cyan("   → Flutter Clean Architecture Agents werden geladen"));
+      } else if (platform === 'web' || platform === 'fullstack') {
+        console.log(chalk.cyan("   → shadcn/ui + v0.dev Integration wird konfiguriert"));
+      }
+      console.log('');
+    }
+  }
+
   async collectProjectIdea() {
     console.log(chalk.yellow("💡 Projektidee erfassen"));
     console.log(chalk.gray("Beschreiben Sie Ihr Projekt-Vorhaben:\n"));
@@ -316,136 +400,183 @@ ${
 - /deploy → Deployment vorbereiten`;
   }
 
-      async setupBMADCoreConfig() {
-      console.log(chalk.yellow("⚙️ BMAD Core Configuration einrichten..."));
+  async setupBMADCoreConfig() {
+    console.log(chalk.yellow("⚙️ BMAD Core Configuration einrichten..."));
 
-      // Create .bmad-core directory
-      const bmadCoreDir = path.join(this.appiqPath, '.bmad-core');
-      if (!fs.existsSync(bmadCoreDir)) {
-        fs.mkdirSync(bmadCoreDir, { recursive: true });
-      }
-
-      // Create core-config.yaml
-      const coreConfigPath = path.join(bmadCoreDir, 'core-config.yaml');
-      fs.writeFileSync(coreConfigPath, this.generateCoreConfig());
+    // Create .bmad-core directory
+    const bmadCoreDir = path.join(this.appiqPath, ".bmad-core");
+    if (!fs.existsSync(bmadCoreDir)) {
+      fs.mkdirSync(bmadCoreDir, { recursive: true });
+    }
 
-      // Create technical-preferences.md
-      const techPrefsPath = path.join(bmadCoreDir, 'data');
-      if (!fs.existsSync(techPrefsPath)) {
-        fs.mkdirSync(techPrefsPath, { recursive: true });
-      }
-      fs.writeFileSync(path.join(techPrefsPath, 'technical-preferences.md'), this.generateTechnicalPreferences());
+    // Create core-config.yaml
+    const coreConfigPath = path.join(bmadCoreDir, "core-config.yaml");
+    fs.writeFileSync(coreConfigPath, this.generateCoreConfig());
 
-      console.log(chalk.green("✅ BMAD Core Configuration bereit!\n"));
+    // Create technical-preferences.md
+    const techPrefsPath = path.join(bmadCoreDir, "data");
+    if (!fs.existsSync(techPrefsPath)) {
+      fs.mkdirSync(techPrefsPath, { recursive: true });
     }
+    fs.writeFileSync(
+      path.join(techPrefsPath, "technical-preferences.md"),
+      this.generateTechnicalPreferences()
+    );
 
-    async setupDocumentTemplates() {
-      console.log(chalk.yellow("📄 Document Templates & Struktur einrichten..."));
+    console.log(chalk.green("✅ BMAD Core Configuration bereit!\n"));
+  }
 
-      // Create docs directory structure
-      const docsDir = path.join(this.projectRoot, 'docs');
-      const archDir = path.join(docsDir, 'architecture');
-      const storiesDir = path.join(docsDir, 'stories');
+  async setupDocumentTemplates() {
+    console.log(chalk.yellow("📄 Document Templates & Struktur einrichten..."));
 
-      [docsDir, archDir, storiesDir].forEach(dir => {
-        if (!fs.existsSync(dir)) {
-          fs.mkdirSync(dir, { recursive: true });
-        }
-      });
+    // Create docs directory structure
+    const docsDir = path.join(this.projectRoot, "docs");
+    const archDir = path.join(docsDir, "architecture");
+    const storiesDir = path.join(docsDir, "stories");
 
-      // Create templates
-      const templatesDir = path.join(this.appiqPath, 'templates');
-      if (!fs.existsSync(templatesDir)) {
-        fs.mkdirSync(templatesDir, { recursive: true });
+    [docsDir, archDir, storiesDir].forEach((dir) => {
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
       }
+    });
 
-      // PRD Template
-      fs.writeFileSync(path.join(templatesDir, 'prd-template.md'), this.generatePRDTemplate());
-      
-      // Architecture Template
-      fs.writeFileSync(path.join(templatesDir, 'architecture-template.md'), this.generateArchitectureTemplate());
-      
-      // Story Template
-      fs.writeFileSync(path.join(templatesDir, 'story-template.md'), this.generateStoryTemplate());
+    // Create templates
+    const templatesDir = path.join(this.appiqPath, "templates");
+    if (!fs.existsSync(templatesDir)) {
+      fs.mkdirSync(templatesDir, { recursive: true });
+    }
 
-      // Create initial PRD if planning is complete
-      if (this.config.planApproved) {
-        fs.writeFileSync(path.join(docsDir, 'prd.md'), this.generateInitialPRD());
-      }
+    // PRD Template
+    fs.writeFileSync(
+      path.join(templatesDir, "prd-template.md"),
+      this.generatePRDTemplate()
+    );
+
+    // Architecture Template
+    fs.writeFileSync(
+      path.join(templatesDir, "architecture-template.md"),
+      this.generateArchitectureTemplate()
+    );
 
-      console.log(chalk.green("✅ Document Templates erstellt!\n"));
+    // Story Template
+    fs.writeFileSync(
+      path.join(templatesDir, "story-template.md"),
+      this.generateStoryTemplate()
+    );
+
+    // Create initial PRD if planning is complete
+    if (this.config.planApproved) {
+      fs.writeFileSync(path.join(docsDir, "prd.md"), this.generateInitialPRD());
     }
 
-    async setupAgentDependencies() {
-      console.log(chalk.yellow("🔗 Agent Dependencies System einrichten..."));
+    console.log(chalk.green("✅ Document Templates erstellt!\n"));
+  }
 
-      const agentsDir = path.join(this.appiqPath, "agents");
-      const tasksDir = path.join(this.appiqPath, 'tasks');
-      const dataDir = path.join(this.appiqPath, 'data');
+  async setupAgentDependencies() {
+    console.log(chalk.yellow("🔗 Agent Dependencies System einrichten..."));
 
-      // Create directories
-      [tasksDir, dataDir].forEach(dir => {
-        if (!fs.existsSync(dir)) {
-          fs.mkdirSync(dir, { recursive: true });
-        }
-      });
+    const agentsDir = path.join(this.appiqPath, "agents");
+    const tasksDir = path.join(this.appiqPath, "tasks");
+    const dataDir = path.join(this.appiqPath, "data");
 
-      // Create BMAD Knowledge Base
-      fs.writeFileSync(path.join(dataDir, 'bmad-kb.md'), this.generateBMADKnowledgeBase());
+    // Create directories
+    [tasksDir, dataDir].forEach((dir) => {
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+    });
 
-      // Create essential tasks
-      fs.writeFileSync(path.join(tasksDir, 'create-doc.md'), this.generateCreateDocTask());
-      fs.writeFileSync(path.join(tasksDir, 'shard-doc.md'), this.generateShardDocTask());
-      fs.writeFileSync(path.join(tasksDir, 'validate-story.md'), this.generateValidateStoryTask());
+    // Create BMAD Knowledge Base
+    fs.writeFileSync(
+      path.join(dataDir, "bmad-kb.md"),
+      this.generateBMADKnowledgeBase()
+    );
 
-      // Update agents with proper dependencies
-      await this.updateAgentsWithDependencies();
+    // Create essential tasks
+    fs.writeFileSync(
+      path.join(tasksDir, "create-doc.md"),
+      this.generateCreateDocTask()
+    );
+    fs.writeFileSync(
+      path.join(tasksDir, "shard-doc.md"),
+      this.generateShardDocTask()
+    );
+    fs.writeFileSync(
+      path.join(tasksDir, "validate-story.md"),
+      this.generateValidateStoryTask()
+    );
 
-      console.log(chalk.green("✅ Agent Dependencies System bereit!\n"));
+    // Add Flutter-specific agents if Flutter project
+    if (this.config.techStack.isFlutter) {
+      await this.addFlutterAgents();
     }
 
-    async setupBMADOrchestration() {
-      console.log(chalk.yellow("🎭 BMAD Full Orchestration einrichten..."));
-
-      // Create orchestration config based on BMAD Flow
-      const orchestrationConfig = {
-        planningPhase: {
-          agents: ["analyst", "pm", "ux-expert", "architect", "po"],
-          workflow: this.config.projectType === "greenfield" ? "greenfield-planning" : "brownfield-planning"
-        },
-        developmentPhase: {
-          agents: ["sm", "po", "dev", "qa"],
-          workflow: "core-development-cycle"
-        },
-        transitions: {
-          planningToIDE: "document-sharding",
-          criticalCommitPoints: ["before-next-story", "after-qa-approval"]
-        }
-      };
+    // Update agents with proper dependencies
+    await this.updateAgentsWithDependencies();
 
-      // Generate BMAD Orchestration
-      const orchestrationPath = path.join(this.appiqPath, "bmad-orchestration.yaml");
-      fs.writeFileSync(orchestrationPath, this.generateBMADOrchestration(orchestrationConfig));
+    console.log(chalk.green("✅ Agent Dependencies System bereit!\n"));
+  }
 
-      // Create workflow guides
-      const workflowsDir = path.join(this.appiqPath, 'workflows');
-      if (!fs.existsSync(workflowsDir)) {
-        fs.mkdirSync(workflowsDir, { recursive: true });
-      }
+  async setupBMADOrchestration() {
+    console.log(chalk.yellow("🎭 BMAD Full Orchestration einrichten..."));
+
+    // Create orchestration config based on BMAD Flow
+    const orchestrationConfig = {
+      planningPhase: {
+        agents: ["analyst", "pm", "ux-expert", "architect", "po"],
+        workflow:
+          this.config.projectType === "greenfield"
+            ? "greenfield-planning"
+            : "brownfield-planning",
+      },
+      developmentPhase: {
+        agents: ["sm", "po", "dev", "qa"],
+        workflow: "core-development-cycle",
+      },
+      transitions: {
+        planningToIDE: "document-sharding",
+        criticalCommitPoints: ["before-next-story", "after-qa-approval"],
+      },
+    };
 
-      fs.writeFileSync(path.join(workflowsDir, 'planning-workflow.md'), this.generatePlanningWorkflow());
-      fs.writeFileSync(path.join(workflowsDir, 'development-cycle.md'), this.generateDevelopmentCycle());
-      fs.writeFileSync(path.join(workflowsDir, 'document-sharding.md'), this.generateDocumentSharding());
+    // Generate BMAD Orchestration
+    const orchestrationPath = path.join(
+      this.appiqPath,
+      "bmad-orchestration.yaml"
+    );
+    fs.writeFileSync(
+      orchestrationPath,
+      this.generateBMADOrchestration(orchestrationConfig)
+    );
 
-      console.log(chalk.green("✅ BMAD Full Orchestration bereit!\n"));
+    // Create workflow guides
+    const workflowsDir = path.join(this.appiqPath, "workflows");
+    if (!fs.existsSync(workflowsDir)) {
+      fs.mkdirSync(workflowsDir, { recursive: true });
     }
 
+    fs.writeFileSync(
+      path.join(workflowsDir, "planning-workflow.md"),
+      this.generatePlanningWorkflow()
+    );
+    fs.writeFileSync(
+      path.join(workflowsDir, "development-cycle.md"),
+      this.generateDevelopmentCycle()
+    );
+    fs.writeFileSync(
+      path.join(workflowsDir, "document-sharding.md"),
+      this.generateDocumentSharding()
+    );
+
+    console.log(chalk.green("✅ BMAD Full Orchestration bereit!\n"));
+  }
+
   generateCoreConfig() {
     return `# BMAD Core Configuration
 # Built with ❤️ based on Bmad-Method
 
 project:
-  name: ${this.config.projectName || 'Unbenanntes Projekt'}
+  name: ${this.config.projectName || "Unbenanntes Projekt"}
   type: ${this.config.projectType}
   created: ${new Date().toISOString()}
 
@@ -483,15 +614,50 @@ dependencies:
 
 *Diese Datei hilft PM und Architect dabei, Ihre bevorzugten Design-Patterns und Technologien zu berücksichtigen.*
 
-## Projekt: ${this.config.projectName || 'Unbenanntes Projekt'}
+## Projekt: ${this.config.projectName || "Unbenanntes Projekt"}
+**Platform:** ${this.config.techStack.platform || 'nicht definiert'}
 
 ### Bevorzugte Technologien
-${this.config.projectType === 'greenfield' ? `
-**Frontend:**
-- Framework: React/Next.js, Vue/Nuxt, Angular
-- State Management: Zustand, Redux Toolkit, Pinia
-- Styling: Tailwind CSS, Material-UI, Ant Design
 
+${this.config.techStack.isFlutter ? `
+**📱 Flutter Mobile Development:**
+- **Framework:** Flutter 3.35+ (beta), Dart 3.9+
+- **Architecture:** Clean Architecture with Feature-based structure
+- **State Management:** Cubit/BLoC pattern (preferred), Riverpod (alternative)
+- **Dependency Injection:** GetIt + Injectable
+- **Code Generation:** Freezed, Build Runner
+- **Backend Integration:** Firebase, Supabase, REST APIs, GraphQL
+- **Testing:** Unit Testing, Widget Testing, Integration Testing, Golden Tests
+
+**🔌 Flutter MCP Integration:**
+- **Dart MCP Server:** Automatisch konfiguriert für AI-Assistenten
+- **Hot Reload:** Via MCP für Live-Development
+- **Package Management:** pub.dev Integration via MCP
+- **Error Analysis:** Automatische Fehlererkennung via MCP
+
+**📦 Recommended Packages:**
+- **UI:** Material 3, Cupertino (iOS-style)
+- **Navigation:** go_router
+- **HTTP:** dio
+- **Local Storage:** shared_preferences, hive
+- **Image:** cached_network_image
+` : ''}
+
+${this.config.techStack.platform === 'web' || this.config.techStack.platform === 'fullstack' ? `
+**🌐 Web Development:**
+- **Framework:** React/Next.js, Vue/Nuxt, Angular
+- **UI Library:** shadcn/ui (preferred), v0.dev components, Material-UI, Chakra UI
+- **Styling:** Tailwind CSS, CSS-in-JS, SCSS
+- **AI Design:** v0.dev für Rapid Prototyping
+
+**🎨 shadcn/ui + v0.dev Integration:**
+- **Design System:** shadcn/ui als Basis-Komponenten
+- **AI-Generated Components:** v0.dev für schnelle UI-Erstellung
+- **Customization:** Tailwind CSS für individuelle Anpassungen
+- **Accessibility:** Radix-UI Primitives als Basis
+` : ''}
+
+${this.config.projectType === "greenfield" && !this.config.techStack.isFlutter ? `
 **Backend:**
 - Runtime: Node.js, Python, Go
 - Framework: Express, FastAPI, Gin
@@ -501,33 +667,71 @@ ${this.config.projectType === 'greenfield' ? `
 - Deployment: Vercel, Railway, AWS
 - CI/CD: GitHub Actions, GitLab CI
 - Monitoring: Sentry, LogRocket
-` : `
+` : ''}
+
+${this.config.projectType === "brownfield" ? `
 **Bestehende Technologien erweitern:**
 - Kompatibilität mit bestehender Code-Basis beachten
 - Minimale neue Dependencies
 - Schrittweise Migration wenn nötig
-`}
+` : ''}
 
 ### Design Patterns
+${this.config.techStack.isFlutter ? `
+- **Clean Architecture** (Presentation → Domain → Data)
+- **Feature-based Structure** (/features/auth, /features/dashboard)
+- **Repository Pattern** für Datenaccess
+- **Cubit Pattern** für State Management
+- **SOLID Principles** anwenden
+` : `
 - **Architektur:** Clean Architecture, Hexagonal, MVC
 - **Code Style:** DRY, SOLID Principles, KISS
+${this.config.techStack.hasUI ? '- **Design System:** shadcn/ui für konsistente UI' : ''}
+`}
+
+### Testing & Quality
+${this.config.techStack.isFlutter ? `
+- **Dart Analysis:** Very strict linting rules
+- **Flutter Lints:** Official Flutter linting package
+- **Testing:** Minimum 80% code coverage
+- **Golden Tests:** UI consistency tests
+- **Integration Tests:** End-to-end testing
+` : `
 - **Testing:** TDD/BDD, Unit + Integration Tests
 - **Documentation:** README-driven, Inline Comments
+- **Code Quality:** ESLint + Prettier (wenn applicable)
+${this.config.techStack.hasUI ? '- **Component Testing:** Storybook für Component Documentation' : ''}
+`}
+
+### AI-Integration & MCP
+${this.config.techStack.isFlutter ? `
+- **Dart MCP Server:** Für direkten AI-Zugriff auf Flutter Tools
+- **Flutter DevTools:** MCP-basierte AI-Assistenz
+- **Package Discovery:** AI-gestützte pub.dev Suche
+- **Code Analysis:** Automatische Fehlererkennung und -behebung
+` : ''}
+${this.config.techStack.hasUI && !this.config.techStack.isFlutter ? `
+- **v0.dev Integration:** AI-generierte UI-Komponenten
+- **shadcn/ui Library:** KI-optimierte Component Library
+- **Design Tokens:** Konsistente AI-generierte Designs
+` : ''}
 
 ### Coding Standards
-- **Naming:** camelCase für Variablen, PascalCase für Components
-- **Files:** kebab-case für Dateien, PascalCase für Components  
+- **Naming:** ${this.config.techStack.isFlutter ? 'lowerCamelCase für Variablen, PascalCase für Classes' : 'camelCase für Variablen, PascalCase für Components'}
+- **Files:** ${this.config.techStack.isFlutter ? 'snake_case für Dart Dateien' : 'kebab-case für Dateien, PascalCase für Components'}
 - **Functions:** Kleine, fokussierte Funktionen (<50 Zeilen)
 - **Comments:** Erkläre WARUM, nicht WAS
 
 ### Präferenzen
 - **Performance:** Optimierung vor Abstraktion
 - **Security:** Security-by-Design
-- **Accessibility:** WCAG 2.1 AA Standard
+- **Accessibility:** ${this.config.techStack.isFlutter ? 'Flutter Accessibility Widget support' : 'WCAG 2.1 AA Standard'}
 - **Mobile:** Mobile-First Approach
 
 ---
-*Aktualisiert: ${new Date().toLocaleDateString('de-DE')}*
+*Platform: ${this.config.techStack.platform}*
+*MCP Configured: ${this.config.techStack.isFlutter ? 'Dart MCP ✅' : 'Standard'}*
+*Aktualisiert: ${new Date().toLocaleDateString("de-DE")}*
 `;
   }
 
@@ -727,7 +931,7 @@ ${this.config.projectType === 'greenfield' ? `
 
   generateInitialPRD() {
     const { projectName, projectIdea, targetUsers, projectType } = this.config;
-    
+
     return `# Product Requirements Document (PRD)
 
 ## Projekt: ${projectName}
@@ -739,7 +943,11 @@ ${projectIdea}
 ${targetUsers}
 
 ### 3. Project Type
-${projectType === 'greenfield' ? '✨ Greenfield (Neues Projekt)' : '🔧 Brownfield (Bestehendes Projekt)'}
+${
+  projectType === "greenfield"
+    ? "✨ Greenfield (Neues Projekt)"
+    : "🔧 Brownfield (Bestehendes Projekt)"
+}
 
 ### 4. Functional Requirements (FRs)
 *Diese Sektion wird durch den PM Agent vervollständigt*
@@ -756,7 +964,7 @@ ${projectType === 'greenfield' ? '✨ Greenfield (Neues Projekt)' : '🔧 Brownf
 ---
 **Status:** 📋 Planning Phase Complete - Ready for PM Agent  
 **Nächster Schritt:** PM Agent für detaillierte Requirements  
-**Created:** ${new Date().toLocaleDateString('de-DE')}
+**Created:** ${new Date().toLocaleDateString("de-DE")}
 
 ---
 *Erstellt mit Appiq Solution - Built with ❤️ based on Bmad-Method*
@@ -965,6 +1173,162 @@ Ensure user stories align with PRD, architecture, and project goals.
 `;
   }
 
+  async addFlutterAgents() {
+    console.log(chalk.cyan("    📱 Adding Flutter-specific agents..."));
+    
+    const agentsDir = path.join(this.appiqPath, "agents");
+    const flutterExpansionPath = path.join(__dirname, '..', 'expansion-packs', 'bmad-flutter-mobile-dev', 'agents');
+    
+    // Check if Flutter expansion pack exists
+    if (!fs.existsSync(flutterExpansionPath)) {
+      console.log(chalk.yellow("    ⚠️  Flutter expansion pack not found - creating basic Flutter agents"));
+      await this.createBasicFlutterAgents();
+      return;
+    }
+
+    // Copy Flutter agents from expansion pack
+    const flutterAgents = [
+      'flutter-ui-agent.md',
+      'flutter-cubit-agent.md', 
+      'flutter-data-agent.md',
+      'flutter-domain-agent.md',
+      'shared-components-agent.md'
+    ];
+
+    for (const agentFile of flutterAgents) {
+      const sourcePath = path.join(flutterExpansionPath, agentFile);
+      const targetPath = path.join(agentsDir, agentFile);
+      
+      if (fs.existsSync(sourcePath)) {
+        fs.copyFileSync(sourcePath, targetPath);
+        console.log(chalk.green(`      ✅ ${agentFile} hinzugefügt`));
+      }
+    }
+
+    // Create Flutter-specific data files
+    const dataDir = path.join(this.appiqPath, "data");
+    const flutterDataPath = path.join(__dirname, '..', 'expansion-packs', 'bmad-flutter-mobile-dev', 'data');
+    
+    if (fs.existsSync(path.join(flutterDataPath, 'flutter-development-guidelines.md'))) {
+      fs.copyFileSync(
+        path.join(flutterDataPath, 'flutter-development-guidelines.md'),
+        path.join(dataDir, 'flutter-development-guidelines.md')
+      );
+      console.log(chalk.green("      ✅ Flutter development guidelines hinzugefügt"));
+    }
+  }
+
+  async createBasicFlutterAgents() {
+    console.log(chalk.gray("    🔨 Creating basic Flutter agents..."));
+    
+    const agentsDir = path.join(this.appiqPath, "agents");
+    
+    // Basic Flutter UI Agent
+    const flutterUIAgent = this.generateBasicFlutterUIAgent();
+    fs.writeFileSync(path.join(agentsDir, 'flutter-ui-agent.md'), flutterUIAgent);
+    
+    // Basic Flutter State Management Agent
+    const flutterStateAgent = this.generateBasicFlutterStateAgent();
+    fs.writeFileSync(path.join(agentsDir, 'flutter-cubit-agent.md'), flutterStateAgent);
+    
+    console.log(chalk.green("      ✅ Basic Flutter agents created"));
+  }
+
+  generateBasicFlutterUIAgent() {
+    return `# Flutter UI Agent
+
+Du bist ein spezialisierter Flutter UI Agent, der sich auf die Erstellung von benutzerfreundlichen und responsive Mobile UI-Komponenten fokussiert.
+
+## Rolle & Verantwortung
+
+- **UI Design & Implementation:** Erstelle schöne, Material 3 konforme Flutter UIs
+- **Widget Composition:** Verwende effiziente Widget-Hierarchien
+- **Responsive Design:** Sichere Kompatibilität für verschiedene Bildschirmgrößen
+- **Accessibility:** Implementiere barrierefreie UI-Komponenten
+
+## Expertise
+
+### Flutter UI Frameworks
+- **Material 3:** Modernes Material Design
+- **Cupertino:** iOS-native Looks
+- **Custom Widgets:** Individuelle UI-Komponenten
+
+### Best Practices
+- **Widget Keys:** Für Testability und Performance
+- **Const Constructors:** Memory-Optimierung  
+- **Build Method Optimization:** Verhindere unnecessary rebuilds
+- **Theme Integration:** Konsistente Design Systems
+
+## Tech Stack Integration
+
+**Platform:** ${this.config.techStack.platform}
+**MCP:** ${this.config.techStack.isFlutter ? 'Dart MCP Server ✅' : 'Standard'}
+
+### Dart MCP Tools
+- Hot Reload via MCP
+- Widget Inspection via AI
+- pub.dev Package Discovery
+- Runtime Error Analysis
+
+## Workflow Integration
+
+**Planning Phase:** Arbeite mit UX Expert an UI Specs
+**Development Phase:** Implementiere UI basierend auf Cubit State
+**Testing Phase:** Golden Tests für UI Consistency
+
+---
+*Built with ❤️ based on Bmad-Method*
+*Flutter Clean Architecture + Dart MCP Integration*
+`;
+  }
+
+  generateBasicFlutterStateAgent() {
+    return `# Flutter Cubit State Management Agent
+
+Du bist ein spezialisierter Flutter State Management Agent mit Fokus auf Cubit/BLoC Pattern und Clean Architecture.
+
+## Rolle & Verantwortung
+
+- **State Management:** Implementiere Cubit/BLoC Pattern
+- **Clean Architecture:** Separation of Concerns (Presentation → Domain → Data)
+- **Dependency Injection:** GetIt + Injectable Setup
+- **Event Handling:** User Interactions und API Calls
+
+## Expertise
+
+### State Management
+- **Cubit:** Simple State Management für UI
+- **BLoC:** Complex Business Logic mit Events
+- **Riverpod:** Alternative State Management (if needed)
+
+### Architecture Patterns
+- **Clean Architecture:** Feature-based Structure
+- **Repository Pattern:** Data Access Layer
+- **Use Cases:** Business Logic Layer
+- **Dependency Injection:** Loose Coupling
+
+## Tech Stack Integration
+
+**Platform:** ${this.config.techStack.platform}
+**MCP:** ${this.config.techStack.isFlutter ? 'Dart MCP Server ✅' : 'Standard'}
+
+### Code Generation
+- **Freezed:** Immutable Data Classes
+- **Injectable:** Dependency Injection Setup
+- **Build Runner:** Code Generation Pipeline
+
+## Workflow Integration
+
+**Planning Phase:** Definiere State Structure mit Domain Agent
+**Development Phase:** Implementiere Business Logic
+**Testing Phase:** Unit Tests für Cubits und Use Cases
+
+---
+*Built with ❤️ based on Bmad-Method*
+*Flutter Clean Architecture + Dart MCP Integration*
+`;
+  }
+
   async updateAgentsWithDependencies() {
     console.log(chalk.gray("    🔗 Updating agents with BMAD dependencies..."));
 
@@ -973,7 +1337,7 @@ Ensure user stories align with PRD, architecture, and project goals.
 
     for (const agentFile of agents) {
       const agentPath = path.join(agentsDir, agentFile);
-      let content = fs.readFileSync(agentPath, 'utf8');
+      let content = fs.readFileSync(agentPath, "utf8");
 
       // Add BMAD dependencies section to each agent
       const dependenciesSection = `
@@ -1006,12 +1370,12 @@ Ensure user stories align with PRD, architecture, and project goals.
 `;
 
       // Add dependencies section before the final line
-      const lines = content.split('\n');
+      const lines = content.split("\n");
       const lastLine = lines.pop(); // Remove last line
       lines.push(dependenciesSection);
       lines.push(lastLine); // Add last line back
 
-      fs.writeFileSync(agentPath, lines.join('\n'));
+      fs.writeFileSync(agentPath, lines.join("\n"));
     }
   }
 
@@ -1029,7 +1393,7 @@ project:
 planning_phase:
   workflow: ${config.planningPhase.workflow}
   agents:
-${config.planningPhase.agents.map(agent => `    - ${agent}`).join('\n')}
+${config.planningPhase.agents.map((agent) => `    - ${agent}`).join("\n")}
   
   flow:
     1: "analyst → research & project brief (optional)"
@@ -1051,7 +1415,7 @@ transition:
 development_phase:
   workflow: ${config.developmentPhase.workflow}
   agents:
-${config.developmentPhase.agents.map(agent => `    - ${agent}`).join('\n')}
+${config.developmentPhase.agents.map((agent) => `    - ${agent}`).join("\n")}
   
   cycle:
     1: "sm → review previous story dev/QA notes"
@@ -1068,13 +1432,19 @@ ${config.developmentPhase.agents.map(agent => `    - ${agent}`).join('\n')}
 
 # Critical Commit Points
 commit_points:
-${config.transitions.criticalCommitPoints.map(point => `  - ${point}`).join('\n')}
+${config.transitions.criticalCommitPoints
+  .map((point) => `  - ${point}`)
+  .join("\n")}
 
 # IDE Integration
 ides:
-${this.config.selectedIDEs.map(ide => `  - name: ${this.getIDEName(ide)}
+${this.config.selectedIDEs
+  .map(
+    (ide) => `  - name: ${this.getIDEName(ide)}
     config_path: ${this.getIDEConfig(ide).dir}
-    file_format: ${this.getIDEConfig(ide).suffix}`).join('\n')}
+    file_format: ${this.getIDEConfig(ide).suffix}`
+  )
+  .join("\n")}
 
 # Context Management
 context:
@@ -1381,6 +1751,171 @@ devLoadAlwaysFiles:
 `;
   }
 
+  async setupMCPConfigurations() {
+    console.log(chalk.yellow("🔌 MCP (Model Context Protocol) Setup"));
+    console.log(chalk.gray("Konfiguriere MCP Server für AI-Assistenten...\n"));
+
+    // Flutter/Dart MCP specific setup
+    if (this.config.techStack.isFlutter) {
+      console.log(chalk.cyan("🎯 Dart MCP Server für Flutter wird konfiguriert..."));
+      await this.setupDartMCPServer();
+    }
+
+    // Web/Fullstack MCP setup
+    if (this.config.techStack.platform === 'web' || this.config.techStack.platform === 'fullstack') {
+      console.log(chalk.cyan("🌐 Web MCP Konfiguration..."));
+      await this.setupWebMCPServer();
+    }
+
+    // Configure MCP for each selected IDE
+    for (const ide of this.config.selectedIDEs) {
+      await this.configureMCPForIDE(ide);
+    }
+
+    console.log(chalk.green("✅ MCP Configuration abgeschlossen!\n"));
+  }
+
+  async setupDartMCPServer() {
+    // Create Dart MCP configuration for Flutter projects
+    const dartMCPConfig = {
+      dart: {
+        command: "dart",
+        args: [
+          "mcp-server",
+          "--experimental-mcp-server"
+        ]
+      }
+    };
+
+    this.config.mcpConfigs.dart = dartMCPConfig;
+
+    // Generate setup instructions
+    const mcpInstructionsPath = path.join(this.appiqPath, 'mcp-setup-instructions.md');
+    fs.writeFileSync(mcpInstructionsPath, this.generateDartMCPInstructions());
+    
+    console.log(chalk.green("   ✅ Dart MCP Server Konfiguration erstellt"));
+    console.log(chalk.gray("   → mcp-setup-instructions.md mit Anweisungen erstellt"));
+  }
+
+  async setupWebMCPServer() {
+    // Web/shadcn/v0.dev specific MCP setup if needed
+    console.log(chalk.green("   ✅ Web MCP Konfiguration vorbereitet"));
+  }
+
+  async configureMCPForIDE(ide) {
+    const ideConfig = this.getIDEConfig(ide);
+    const mcpPath = this.getMCPConfigPath(ide);
+    
+    if (mcpPath && this.config.mcpConfigs.dart) {
+      // Create IDE-specific MCP config
+      const ideMCPDir = path.dirname(path.join(this.projectRoot, mcpPath));
+      if (!fs.existsSync(ideMCPDir)) {
+        fs.mkdirSync(ideMCPDir, { recursive: true });
+      }
+
+      const mcpConfigContent = this.generateMCPConfigForIDE(ide);
+      fs.writeFileSync(path.join(this.projectRoot, mcpPath), mcpConfigContent);
+      
+      console.log(chalk.green(`   ✅ ${this.getIDEName(ide)} MCP konfiguriert`));
+    }
+  }
+
+  getMCPConfigPath(ide) {
+    const mcpPaths = {
+      cursor: '.cursor/mcp.json',
+      'claude-code': null, // Uses Gemini CLI config
+      windsurf: '.windsurf/mcp.json',
+      cline: null, // Uses VS Code config
+      trae: '.trae/mcp.json',
+      roo: '.roo/mcp.json',
+      gemini: '.gemini/settings.json',
+      'github-copilot': null, // Uses VS Code settings
+    };
+    return mcpPaths[ide];
+  }
+
+  generateMCPConfigForIDE(ide) {
+    if (ide === 'gemini') {
+      return JSON.stringify({
+        mcpServers: this.config.mcpConfigs
+      }, null, 2);
+    } else {
+      return JSON.stringify({
+        mcpServers: this.config.mcpConfigs
+      }, null, 2);
+    }
+  }
+
+  generateDartMCPInstructions() {
+    return `# 🚀 Dart MCP Server Setup für Flutter Projekte
+
+*Built with ❤️ based on Bmad-Method*
+
+## ⚡ Was ist der Dart MCP Server?
+
+Der Dart MCP Server ermöglicht AI-Assistenten direkten Zugriff auf:
+- **Analyse und Fehlerbehebung** in Ihrem Code
+- **Interaktion mit laufender App** (Hot Reload, Widget-Inspektion)
+- **pub.dev Suche** nach passenden Packages
+- **Dependency Management** in pubspec.yaml
+- **Test-Ausführung** und Analyse
+
+## 🔧 Setup für Ihre IDEs
+
+### ${this.config.selectedIDEs.includes('cursor') ? '✅ Cursor' : '❌ Cursor (nicht ausgewählt)'}
+${this.config.selectedIDEs.includes('cursor') ? `
+**Automatisch konfiguriert!** ✅
+- Datei: \`.cursor/mcp.json\`
+- Bereit für Verwendung
+` : ''}
+
+### ${this.config.selectedIDEs.includes('claude-code') ? '✅ Claude Code CLI' : '❌ Claude Code CLI (nicht ausgewählt)'}
+${this.config.selectedIDEs.includes('claude-code') ? `
+**Setup-Schritte:**
+1. \`gemini\` CLI installieren falls noch nicht vorhanden
+2. Konfiguration in \`~/.gemini/settings.json\` bereits erstellt
+3. Verwenden Sie: \`/mcp\` um verfügbare Tools anzuzeigen
+` : ''}
+
+### ${this.config.selectedIDEs.includes('github-copilot') ? '✅ GitHub Copilot in VS Code' : '❌ GitHub Copilot (nicht ausgewählt)'}
+${this.config.selectedIDEs.includes('github-copilot') ? `
+**Setup-Schritte:**
+1. VS Code Settings öffnen
+2. Hinzufügen: \`"dart.mcpServer": true\`
+3. Optional: \`"chat.mcp.discovery.enabled": true\`
+` : ''}
+
+## 📋 Voraussetzungen
+
+⚠️ **Wichtig:** Dart SDK 3.9+ / Flutter 3.35+ beta erforderlich!
+
+\`\`\`bash
+# Flutter auf beta channel wechseln
+flutter channel beta
+flutter upgrade
+\`\`\`
+
+## 🎯 Verwendung
+
+Nach dem Setup können Sie Ihren AI-Assistenten fragen:
+
+- **"Analysiere Fehler in meiner Flutter App"**
+- **"Finde ein Package für Karten-Integration"**
+- **"Führe Tests aus und zeige Ergebnisse"**
+- **"Triggere Hot Reload"**
+- **"Was ist das aktuell ausgewählte Widget?"**
+
+## 🔗 Weitere Infos
+
+📖 **Vollständige Dokumentation:**
+https://medium.com/flutter/supercharge-your-dart-flutter-development-experience-with-the-dart-mcp-server-2edcc8107b49
+
+---
+*Erstellt am: ${new Date().toLocaleDateString('de-DE')}*
+*IDEs: ${this.config.selectedIDEs.map(ide => this.getIDEName(ide)).join(', ')}*
+`;
+  }
+
   async performInstallation() {
     console.log(chalk.yellow("📦 Installation läuft..."));
 
@@ -1617,7 +2152,9 @@ ${
 
 ## Projekt: ${this.config.projectName || "Unbenanntes Projekt"}
 **Typ:** ${
-      this.config.projectType === "greenfield" ? "✨ Greenfield (Neues Projekt)" : "🔧 Brownfield (Bestehendes Projekt)"
+      this.config.projectType === "greenfield"
+        ? "✨ Greenfield (Neues Projekt)"
+        : "🔧 Brownfield (Bestehendes Projekt)"
     }
 
 ## 📋 BMAD Planning Workflow (Phase 1)
@@ -1682,16 +2219,22 @@ ${
 - \`/qa\` → Request review
 - \`/commit\` → Commit changes
 
-### ${this.config.projectType === "greenfield" ? "Greenfield" : "Brownfield"} Specific:
-${this.config.projectType === "greenfield" ? `
+### ${
+      this.config.projectType === "greenfield" ? "Greenfield" : "Brownfield"
+    } Specific:
+${
+  this.config.projectType === "greenfield"
+    ? `
 - \`/start\` → Fresh project setup
 - \`/design\` → Create from scratch
 - \`/build\` → Build step by step
-` : `
+`
+    : `
 - \`/analyze\` → Analyze existing code
 - \`/document\` → Document current state
 - \`/improve\` → Plan improvements
-`}
+`
+}
 
 ## 📊 File Structure
 
@@ -1748,7 +2291,9 @@ your-project/
 - appiq-solution/workflows/document-sharding.md
 
 ---
-**IDEs:** ${this.config.selectedIDEs.map((ide) => this.getIDEName(ide)).join(", ")}  
+**IDEs:** ${this.config.selectedIDEs
+      .map((ide) => this.getIDEName(ide))
+      .join(", ")}  
 **Created:** ${new Date().toLocaleDateString("de-DE")}  
 **Powered by Appiq Solution - Built with ❤️ based on Bmad-Method**
 `;
@@ -1851,7 +2396,9 @@ your-project/
 
     console.log(chalk.yellow("2. 📋 BMAD Planning Workflow:"));
     if (this.config.planApproved) {
-      console.log(chalk.green(`   ✅ Planning Complete - Ready for Development!`));
+      console.log(
+        chalk.green(`   ✅ Planning Complete - Ready for Development!`)
+      );
       console.log(chalk.cyan(`   → Ihre initial PRD: docs/prd.md`));
     } else {
       console.log(chalk.cyan(`   Option A: Web UI (kosteneffizient)`));
@@ -1859,11 +2406,19 @@ your-project/
       console.log(chalk.cyan(`   Option B: Direkt in IDE`));
       console.log(chalk.gray(`   → @pm für PRD, @architect für Architecture`));
     }
-    console.log('');
+    console.log("");
 
     console.log(chalk.yellow("3. ⚠️ KRITISCHER ÜBERGANG: Document Sharding"));
-    console.log(chalk.red(`   → Sagen Sie Ihrer IDE: ${chalk.bold('"@po bitte shard die PRD und Architecture Dokumente"')}`));
-    console.log(chalk.gray(`   → Dokumente werden in fokussierte Teile aufgeteilt\n`));
+    console.log(
+      chalk.red(
+        `   → Sagen Sie Ihrer IDE: ${chalk.bold(
+          '"@po bitte shard die PRD und Architecture Dokumente"'
+        )}`
+      )
+    );
+    console.log(
+      chalk.gray(`   → Dokumente werden in fokussierte Teile aufgeteilt\n`)
+    );
 
     console.log(chalk.yellow("4. 🚀 BMAD Development Cycle:"));
     console.log(chalk.cyan(`   1. @sm → Story Draft von Sharded Epic`));
@@ -1876,7 +2431,7 @@ your-project/
 
     console.log(chalk.yellow("5. 🎯 Quick Commands (in quick-start.md):"));
     console.log(chalk.cyan(`   /plan → Planning starten`));
-    console.log(chalk.cyan(`   /shard → Document Sharding`)); 
+    console.log(chalk.cyan(`   /shard → Document Sharding`));
     console.log(chalk.cyan(`   /story → Nächste Story`));
     console.log(chalk.cyan(`   /dev → Development`));
     console.log(chalk.cyan(`   /qa → Quality Review`));
@@ -1979,7 +2534,7 @@ if (require.main === module) {
 
   if (args.length === 0 || args[0] === "install") {
     const installer = new AppiqSolutionInstaller();
-      installer.install().catch(console.error);
+    installer.install().catch(console.error);
   } else {
     console.log(
       chalk.red("❌ Unknown command. Use: npx appiq-solution install")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appiq-solution",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "🚀 Super einfache KI-Agent Installation mit One-Click Workflows - Built with ❤️ based on Bmad-Method",
   "main": "tools/appiq-installer.js",
   "bin": {