myaidev-method 0.3.5 → 0.3.7

package/bin/cli.js

@@ -128,7 +128,7 @@ async function loadWorkflowSystem() {
 }
 
 program
-  .version("0.3.5")
+  .version("0.3.7")
   .enablePositionalOptions()
   .description(
     "MyAIDev Method - Comprehensive development framework with SPARC methodology",
@@ -519,10 +519,31 @@ program
   .option("--codex", "Initialize for Codex CLI")
   .option("--pack <pack>", "Install a specific pack: content, design, dev, or full")
   .action(async (options) => {
+    const pkgJson = await fs.readJson(path.join(__dirname, "..", "package.json"));
+    const version = pkgJson.version;
+    const orange = chalk.hex("#FFA500");
+    const dim = chalk.dim;
+
     try {
       const cwd = process.cwd();
 
-      // Step 1: Determine CLI type
+      // ── Welcome screen ──────────────────────────────────────────────
+      console.log(getASCIIBanner());
+      console.log(
+        chalk.bold.white("                    Welcome to ") +
+        orange.bold(`MyAIDev Method v${version}`) +
+        chalk.bold.white("!\n"),
+      );
+      console.log(
+        dim("  AI-powered skills for content creation, design, software\n") +
+        dim("  development, security, and deployment — installed directly\n") +
+        dim("  into your AI coding assistant.\n"),
+      );
+      console.log(
+        chalk.white("  ════════════════════════════════════════════════════════\n"),
+      );
+
+      // ── Step 1: CLI type ────────────────────────────────────────────
       let cliType = null;
       if (options.claude) {
         cliType = "claude";
@@ -535,11 +556,11 @@ program
           {
             type: "list",
             name: "cliType",
-            message: "Which AI CLI are you configuring for?",
+            message: "Which AI CLI are you using?",
             choices: [
-              { name: "Claude Code (Recommended)", value: "claude" },
-              { name: "Gemini CLI", value: "gemini" },
-              { name: "Codex CLI / OpenCode", value: "codex" },
+              { name: `${chalk.bold.cyan("Claude Code")}  ${dim("(Recommended)")}`, value: "claude" },
+              { name: `${chalk.bold.white("Gemini CLI")}`, value: "gemini" },
+              { name: `${chalk.bold.white("Codex CLI")}   ${dim("/ OpenCode")}`, value: "codex" },
             ],
             default: "claude",
           },
@@ -547,38 +568,52 @@ program
         cliType = answer.cliType;
       }
 
-      // Step 2: Determine pack
+      // ── Step 2: Pack selection ──────────────────────────────────────
       let pack = options.pack || null;
       if (pack && !["content", "design", "dev", "full"].includes(pack)) {
-        console.log(chalk.red(`\nUnknown pack: "${pack}"`));
-        console.log(chalk.gray("Available packs: content, design, dev, full\n"));
+        console.log(chalk.red(`\n  Unknown pack: "${pack}"`));
+        console.log(dim("  Available packs: content, design, dev, full\n"));
         process.exit(1);
       }
 
       if (!pack) {
-        console.log("");
+        // Print the full menu so all options are always visible
+        const contentPack = INSTALL_PACKS.content;
+        const designPack = INSTALL_PACKS.design;
+        const devPack = INSTALL_PACKS.dev;
+
+        console.log(chalk.bold.white("  Available Skill Packs:\n"));
+        console.log(dim("  ──────────────────────────────────────────────────────────\n"));
+
+        console.log(`  ${chalk.green.bold("  [1]  📝 Content Creation")}             ${dim(`${contentPack.skills.length} skills`)}`);
+        console.log(dim("        For marketers & content teams"));
+        console.log(dim("        Writing, SEO, visuals, infographics, publishing\n"));
+
+        console.log(`  ${chalk.magenta.bold("  [2]  🎨 Design")}                       ${dim(`${designPack.skills.length} skills`)}`);
+        console.log(dim("        For designers & creative teams"));
+        console.log(dim("        Figma capture, visual generation, infographics\n"));
+
+        console.log(`  ${chalk.blue.bold("  [3]  ⚡ Development")}                   ${dim(`${devPack.skills.length} skills`)}`);
+        console.log(dim("        For software engineers"));
+        console.log(dim("        SPARC workflow, security, deployment, git, publishing\n"));
+
+        console.log(`  ${orange.bold("  [4]  🚀 Full")}                          ${dim("all skills")}`);
+        console.log(dim("        Everything — all packs combined\n"));
+
+        console.log(dim("  ──────────────────────────────────────────────────────────"));
+        console.log(dim("  You can add more packs later with: npx myaidev-method init --pack <name>\n"));
+
+        const packMap = { "1": "content", "2": "design", "3": "dev", "4": "full" };
         const answer = await inquirer.prompt([
           {
             type: "list",
             name: "pack",
-            message: "What do you want to use MyAIDev Method for?",
+            message: "Select a pack to install:",
             choices: [
-              {
-                name: `${chalk.green("Content Creation")} ${chalk.gray("— For marketers: writing, SEO, visuals, publishing")}`,
-                value: "content",
-              },
-              {
-                name: `${chalk.magenta("Design")}            ${chalk.gray("— For designers: Figma capture, visual generation")}`,
-                value: "design",
-              },
-              {
-                name: `${chalk.blue("Development")}       ${chalk.gray("— For engineers: SPARC, security, deploy, git")}`,
-                value: "dev",
-              },
-              {
-                name: `${chalk.yellow("Full")}              ${chalk.gray("— Everything (all skills)")}`,
-                value: "full",
-              },
+              { name: `${chalk.green("1")}  📝 Content Creation`, value: "content" },
+              { name: `${chalk.magenta("2")}  🎨 Design`, value: "design" },
+              { name: `${chalk.blue("3")}  ⚡ Development`, value: "dev" },
+              { name: `${orange("4")}  🚀 Full (all skills)`, value: "full" },
             ],
           },
         ]);
@@ -588,17 +623,24 @@ program
       // Resolve skill list
       let skillList;
       let packLabel;
+      let packEmoji;
       if (pack === "full") {
-        skillList = null; // null = install all
-        packLabel = "Full (all skills)";
+        skillList = null;
+        packLabel = "Full";
+        packEmoji = "🚀";
       } else {
         const packDef = INSTALL_PACKS[pack];
         skillList = packDef.skills;
-        packLabel = `${packDef.name} — ${packDef.audience}`;
+        packLabel = packDef.name;
+        packEmoji = pack === "content" ? "📝" : pack === "design" ? "🎨" : "⚡";
       }
 
-      // Step 3: Install
-      const spinner = ora(`Installing ${packLabel}...`).start();
+      // ── Step 3: Install ─────────────────────────────────────────────
+      console.log("");
+      const spinner = ora({
+        text: `Installing ${packEmoji} ${packLabel} pack for ${cliType}...`,
+        color: "cyan",
+      }).start();
 
       if (cliType === "claude") {
         await setupClaude(cwd, skillList);
@@ -608,68 +650,73 @@ program
         await setupCodex(cwd, skillList);
       }
 
+      const skillCount = skillList ? skillList.length : 38;
       spinner.succeed(
-        chalk.green(`Successfully initialized ${cliType} with ${packLabel}!`),
+        chalk.green(`${packEmoji} ${packLabel} pack installed — ${skillCount} skills ready!`),
       );
 
-      // Display ASCII banner
-      console.log(getASCIIBanner());
-      console.log(getSPARCBreakdown());
-      console.log(getInitSuccessMessage(cliType));
+      // ── Summary ─────────────────────────────────────────────────────
+      console.log(
+        chalk.white("\n  ════════════════════════════════════════════════════════\n"),
+      );
+      console.log(chalk.bold.white("  Installed Skills:\n"));
 
-      // Display installed skills summary
-      if (cliType === "claude") {
-        const installedCount = skillList
-          ? skillList.length
-          : (await fs.readdir(path.join(cwd, ".claude", "skills"))).filter(
-              async (d) => (await fs.stat(path.join(cwd, ".claude", "skills", d))).isDirectory()
-            ).length;
-
-        console.log(chalk.magenta(`\n🧠 Skills Installed (.claude/skills/):`));
-        console.log(chalk.gray(`   ${packLabel} — ${skillList ? skillList.length : 'all'} skills\n`));
-
-        if (pack === "content" || pack === "full") {
-          console.log(chalk.green("   Content:      myai-content-writer, myai-content-production-coordinator, myai-content-ideation"));
-          console.log(chalk.green("   Visual:       myai-visual-generator, myai-infographic"));
-          console.log(chalk.yellow("   Publishing:   wordpress, payloadcms, docusaurus, mintlify, astro"));
-        }
-        if (pack === "design" || pack === "full") {
-          console.log(chalk.magenta("   Design:       myaidev-figma, myaidev-figma-configure"));
-          console.log(chalk.magenta("   Visual:       myai-visual-generator, myai-infographic"));
-        }
-        if (pack === "dev" || pack === "full") {
-          console.log(chalk.blue("   SPARC:        myaidev-workflow, myaidev-architect, myaidev-coder, myaidev-tester"));
-          console.log(chalk.cyan("   Git:          git-workflow (pr, release, sync, hotfix)"));
-          console.log(chalk.red("   Security:     security-tester, security-auditor"));
-          console.log(chalk.blue("   Deploy:       deployer, coolify-deployer, openstack-manager"));
-          console.log(chalk.blue("   Skills:       myai-skill-builder, skill-contributor"));
+      if (pack === "content" || pack === "full") {
+        console.log(chalk.green("   📝 Content     ") + dim("myai-content-writer, myai-content-production-coordinator"));
+        console.log(chalk.green("   🎯 SEO/Quality ") + dim("myai-content-verifier, myai-content-ideation"));
+        console.log(chalk.green("   🖼  Visual      ") + dim("myai-visual-generator, myai-infographic"));
+        console.log(chalk.yellow("   📤 Publishing  ") + dim("wordpress, payloadcms, docusaurus, mintlify, astro"));
+      }
+      if (pack === "design" || pack === "full") {
+        console.log(chalk.magenta("   🎨 Design      ") + dim("myaidev-figma, myaidev-figma-configure"));
+        if (pack === "design") {
+          console.log(chalk.magenta("   🖼  Visual      ") + dim("myai-visual-generator, myai-infographic"));
         }
-        console.log(chalk.gray("   Config:       configure, company-config, myai-configurator"));
+      }
+      if (pack === "dev" || pack === "full") {
+        console.log(chalk.blue("   ⚡ SPARC       ") + dim("myaidev-workflow, architect, coder, tester, reviewer, documenter"));
+        console.log(chalk.blue("   🔧 Tools       ") + dim("analyze, debug, refactor, performance, migrate"));
+        console.log(chalk.cyan("   🔀 Git         ") + dim("git-workflow (pr, release, sync, hotfix)"));
+        console.log(chalk.red("   🛡  Security    ") + dim("security-tester, security-auditor"));
+        console.log(chalk.blue("   📦 Deploy      ") + dim("deployer, coolify-deployer, openstack-manager"));
+        console.log(chalk.blue("   🧰 Skill Dev   ") + dim("myai-skill-builder, skill-contributor"));
+      }
+      console.log(dim("   ⚙️  Config      configure, company-config, myai-configurator"));
 
-        console.log(chalk.cyan("\n⚙️  Get started:"));
-        console.log(
-          chalk.white("   1. npx myaidev-method login") +
-            chalk.gray("  — authenticate with the marketplace"),
-        );
-        console.log(
-          chalk.white("   2. npx myaidev-method addon list") +
-            chalk.gray("  — browse available skills"),
-        );
-        console.log(
-          chalk.white("   3. npx myaidev-method addon install <name>") +
-            chalk.gray("  — install a skill"),
-        );
-        console.log(
-          chalk.gray("\n   • Use the configure skill to set up platform credentials"),
-        );
-        console.log(
-          chalk.gray("   • Add more skills later: npx myaidev-method init --claude --pack <pack>"),
-        );
-        console.log(
-          chalk.gray("   • Visit: https://github.com/myaione/myaidev-method"),
-        );
+      // ── Next steps ──────────────────────────────────────────────────
+      console.log(
+        chalk.white("\n  ════════════════════════════════════════════════════════\n"),
+      );
+      console.log(chalk.bold.white("  Next Steps:\n"));
+      console.log(
+        chalk.white("   1. ") + chalk.cyan("Restart your AI CLI") + dim(" to load the new skills"),
+      );
+      console.log(
+        chalk.white("   2. ") + chalk.cyan("npx myaidev-method login") + dim("  — connect to the marketplace"),
+      );
+      console.log(
+        chalk.white("   3. ") + dim("Start using skills naturally in conversation, e.g.:"),
+      );
+
+      if (pack === "content") {
+        console.log(dim('      "Write a blog post about AI in healthcare"'));
+      } else if (pack === "design") {
+        console.log(dim('      "Capture the homepage of stripe.com into Figma"'));
+      } else if (pack === "dev") {
+        console.log(dim('      "Build a REST API for user management"'));
+      } else {
+        console.log(dim('      "Build a REST API" or "Write a blog post about AI"'));
       }
-      console.log(chalk.cyan(`\n🔄 Restart ${cliType} to load skills!`));
+
+      console.log(
+        dim("\n   • Add more packs: ") + chalk.white("npx myaidev-method init --pack <name>"),
+      );
+      console.log(
+        dim("   • Browse skills:  ") + chalk.white("npx myaidev-method addon list"),
+      );
+      console.log(
+        dim("   • Documentation:  ") + chalk.white("https://github.com/myaione/myaidev-method\n"),
+      );
     } catch (error) {
       if (error.name === 'ExitPromptError') {
         console.log(chalk.gray("\nCancelled.\n"));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "myaidev-method",
-	"version": "0.3.5",
+	"version": "0.3.7",
 	"description": "Comprehensive development framework with SPARC methodology for AI-assisted software development, security testing (PTES, OWASP, penetration testing, compliance auditing), AI visual content generation (Gemini, OpenAI GPT Image 1.5, Imagen, FLUX 2, Veo 3), OpenStack VM management, multi-platform publishing (WordPress, PayloadCMS, Astro, Docusaurus, Mintlify), and Coolify deployment",
 	"mcpName": "io.github.myaione/myaidev-method",
 	"main": "src/index.js",