vibebusiness 1.2.97 → 1.2.99

package/dist/scripts/build.js

@@ -42,11 +42,12 @@ function log(msg) {
   const ts = (/* @__PURE__ */ new Date()).toLocaleTimeString();
   console.log(`[${ts}] ${msg}`);
 }
+var SHELL = process.env.SHELL || "/bin/sh";
 function exec(cmd, cwd) {
-  return (0, import_child_process.execSync)(cmd, { cwd, stdio: "pipe", encoding: "utf-8" }).trim();
+  return (0, import_child_process.execSync)(cmd, { cwd, stdio: "pipe", encoding: "utf-8", shell: SHELL }).trim();
 }
 function execInherit(cmd, cwd) {
-  (0, import_child_process.execSync)(cmd, { cwd, stdio: "inherit" });
+  (0, import_child_process.execSync)(cmd, { cwd, stdio: "inherit", shell: SHELL });
 }
 function scaffold(dir) {
   if (fs.existsSync(path.join(dir, "package.json"))) {
@@ -60,43 +61,76 @@ function scaffold(dir) {
     fs.mkdirSync(parent, { recursive: true });
   }
   execInherit(
-    `npx create-next-app@latest ${name} --typescript --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --no-git`,
+    `npx create-next-app@latest ${name} --typescript --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --no-git --no-react-compiler --no-turbopack`,
     parent
   );
   execInherit("git init", dir);
   execInherit("git add -A", dir);
-  execInherit('git commit -m "Initial scaffold from create-next-app"', dir);
+  execInherit('git -c commit.gpgsign=false commit -m "Initial scaffold from create-next-app"', dir);
   log("Scaffold complete \u2014 initial commit created.");
 }
-function buildDecompositionPrompt(ideaDescription) {
+function buildVisionPrompt(rawIdea) {
+  return `You are a world-class product designer. Someone gave you this one-line idea:
+
+"${rawIdea}"
+
+Your job: envision the BEST possible version of this as a web experience.
+
+Think about:
+1. What is the core user flow? (What does the user do, step by step?)
+2. What would make this genuinely impressive \u2014 not just functional, but "wow"?
+3. If AI is involved, how should AI actually be used? (Don't just build a form that renders user input \u2014 make AI do the heavy lifting: generate content, make decisions, produce outputs the user couldn't easily create themselves)
+4. What's the minimal input the user should provide vs what should be auto-generated or intelligently defaulted?
+5. What would make someone screenshot this and share it?
+
+Output a detailed product specification:
+- Title and one-line description of what this does
+- Core user flow (step by step, from landing to final output)
+- Key pages/screens and what each contains
+- Where AI adds value (what does AI generate, suggest, or automate?)
+- Visual style direction
+- The "wow moment" \u2014 the single thing that makes this special
+
+Keep it to ~500 words. Be specific and opinionated \u2014 make strong choices, don't hedge.`;
+}
+async function envision(rawIdea, cwd) {
+  log("Envisioning the product...");
+  const prompt = buildVisionPrompt(rawIdea);
+  const vision = await runClaude(cwd, prompt, 12e4);
+  log("Product vision complete.");
+  return vision.trim();
+}
+function buildDecompositionPrompt(rawIdea, visionSpec) {
   return `You are decomposing a brand-new web application into small, implementable sub-tasks for an AI coding agent.
 
-## Project Idea
-${ideaDescription}
+## Product Vision
+${visionSpec}
+
+## Original Idea
+${rawIdea}
 
 ## Existing Project Structure
-This is a fresh create-next-app project with TypeScript and Tailwind CSS. Key files:
+This is a fresh create-next-app project with TypeScript and Tailwind CSS (v4). Key files:
 - src/app/page.tsx (home page)
 - src/app/layout.tsx (root layout)
 - src/app/globals.css (global styles with Tailwind)
-- tailwind.config.ts
 - package.json
 - tsconfig.json
 
 ## Rules
 
-1. Each sub-task should create or modify 2-4 files maximum
-2. Order by dependency: data types/utilities first, then components, then pages, then polish
-3. Maximum 10 sub-tasks
-4. Each sub-task must have SPECIFIC instructions: exact file paths, component names, props, styling classes
-5. The FIRST sub-task should create shared types, utilities, or data models
-6. Include responsive Tailwind CSS styling in every component task
-7. The final sub-task should be visual polish: animations, transitions, responsive refinements
-8. Focus on visual impressiveness: dark gradients, smooth animations, professional typography
-9. Do NOT include test-writing sub-tasks (we want to maximize visual output)
-10. Every component should be production-quality \u2014 not placeholder or skeleton code
-11. Use only built-in Next.js features and Tailwind \u2014 do NOT add npm dependencies unless absolutely necessary
-12. If you need icons, use simple SVG inline or emoji \u2014 do NOT add icon libraries
+1. Each sub-task should create or modify 1-3 files maximum
+2. Order by dependency: types/utils first, then components, then pages, then wiring/polish
+3. Aim for 7-10 sub-tasks. Each should be completable in under 5 minutes by an AI agent
+4. Each sub-task description should be 3-8 sentences \u2014 describe WHAT to build and the visual style, but do NOT spell out every CSS class. The AI agent is skilled at Tailwind and will choose appropriate classes
+5. The FIRST sub-task should create shared TypeScript types, constants, and utility functions
+6. The SECOND sub-task should set up global styles (dark theme CSS variables, custom animations) and update layout.tsx metadata
+7. Focus on visual impressiveness: dark gradients, smooth animations, professional typography
+8. Do NOT include test-writing sub-tasks
+9. Every component should be production-quality \u2014 not placeholder or skeleton code
+10. Use only built-in Next.js features and Tailwind \u2014 do NOT add npm dependencies
+11. If you need icons, use inline SVG or emoji \u2014 do NOT add icon libraries
+12. IMPORTANT: Keep descriptions concise. Do NOT list every CSS class or HTML attribute. Describe the component's purpose, layout structure, and visual style at a high level. Trust the AI agent to implement the details.
 
 Respond with JSON only (no markdown code blocks, just raw JSON):
 {
@@ -104,15 +138,15 @@ Respond with JSON only (no markdown code blocks, just raw JSON):
     {
       "id": "st-001",
       "title": "Short descriptive title",
-      "description": "Detailed instructions for Claude Code: what files to create/modify, what components to build, specific Tailwind classes, exact implementation details.",
+      "description": "Concise instructions: what files to create, component purpose, layout structure, visual style. 3-8 sentences max.",
       "files_to_modify": ["src/path/to/file.tsx"]
     }
   ]
 }`;
 }
-async function decompose(ideaDescription, cwd) {
+async function decompose(rawIdea, visionSpec, cwd) {
   log("Decomposing idea into sub-tasks...");
-  const prompt = buildDecompositionPrompt(ideaDescription);
+  const prompt = buildDecompositionPrompt(rawIdea, visionSpec);
   const output = await runClaude(cwd, prompt, 6e5);
   let jsonStr = output.trim();
   const fenceMatch = jsonStr.match(/```(?:json)?\s*([\s\S]*?)```/);
@@ -137,11 +171,11 @@ async function decompose(ideaDescription, cwd) {
     return [];
   }
 }
-function buildSubTaskPrompt(task, ideaDescription, taskIndex, totalTasks) {
+function buildSubTaskPrompt(task, visionSpec, taskIndex, totalTasks) {
   return `You are building a web application from scratch. This is sub-task ${taskIndex + 1} of ${totalTasks}.
 
-## Overall Project
-${ideaDescription}
+## Product Vision
+${visionSpec}
 
 ## Your Current Sub-Task: ${task.title}
 
@@ -158,7 +192,7 @@ ${task.files_to_modify.map((f) => `- ${f}`).join("\n")}
 - Do NOT install new npm packages unless explicitly told to
 - Make sure the code compiles without TypeScript errors`;
 }
-function runClaude(cwd, prompt, timeoutMs = 3e5) {
+function runClaude(cwd, prompt, timeoutMs = 6e5) {
   const claudeArgs = [
     "--print",
     "--dangerously-skip-permissions",
@@ -229,17 +263,17 @@ function runClaude(cwd, prompt, timeoutMs = 3e5) {
     });
   });
 }
-async function executeSubTask(task, ideaDescription, index, total, cwd) {
+async function executeSubTask(task, visionSpec, index, total, cwd) {
   log(`
 --- Sub-task ${index + 1}/${total}: ${task.title} ---`);
-  const prompt = buildSubTaskPrompt(task, ideaDescription, index, total);
+  const prompt = buildSubTaskPrompt(task, visionSpec, index, total);
   try {
     await runClaude(cwd, prompt);
     try {
       exec("git add -A", cwd);
       const status = exec("git status --porcelain", cwd);
       if (status) {
-        exec(`git commit -m "feat: ${task.title}"`, cwd);
+        exec(`git -c commit.gpgsign=false commit -m "feat: ${task.title}"`, cwd);
         log(`Committed: ${task.title}`);
       } else {
         log("No changes to commit.");
@@ -266,7 +300,6 @@ function countFiles(dir) {
   let files = 0;
   let lines = 0;
   try {
-    const output = exec('git diff --stat HEAD~1000 HEAD 2>/dev/null || git diff --stat --cached 2>/dev/null || echo ""', dir);
     const fileList = exec("git ls-files", dir);
     files = fileList.split("\n").filter(Boolean).length;
     const wc = exec("git ls-files | xargs wc -l 2>/dev/null | tail -1", dir);
@@ -288,7 +321,15 @@ async function main() {
   log(`Target: ${targetDir}`);
   log(`Model: ${model}`);
   scaffold(targetDir);
-  const subTasks = await decompose(idea, targetDir);
+  const vision = await envision(idea, targetDir);
+  console.log(`
+\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
+\u2502  Product Vision                         \u2502
+\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518
+`);
+  console.log(vision);
+  console.log();
+  const subTasks = await decompose(idea, vision, targetDir);
   if (subTasks.length === 0) {
     log("No sub-tasks generated. Aborting.");
     process.exit(1);
@@ -296,7 +337,7 @@ async function main() {
   let completed = 0;
   let failed = 0;
   for (let i = 0; i < subTasks.length; i++) {
-    const ok = await executeSubTask(subTasks[i], idea, i, subTasks.length, targetDir);
+    const ok = await executeSubTask(subTasks[i], vision, i, subTasks.length, targetDir);
     if (ok) completed++;
     else failed++;
   }

package/dist/scripts/init.js

@@ -812,12 +812,39 @@ function buildReposFromDetected(detected) {
     test_commands: []
   }));
 }
+var EXAMPLE_IDEAS = [
+  "AI-powered startup pitch generator",
+  "Personal finance tracker with spending insights",
+  "Recipe generator from ingredients in your fridge",
+  "Job interview prep tool with AI coaching",
+  "Real estate deal analyzer for investors"
+];
 async function stepProjectMode() {
   const choice = await askChoice("What would you like to do?", [
+    "Build a new app from an idea",
     "Create a new project (Next.js + FastAPI)",
     "Add an existing project"
   ]);
-  if (choice === 1) {
+  if (choice === 0) {
+    print("\n  I'll design and build a full web app from your one-sentence idea.");
+    const ideaChoice = await askChoice(
+      "Pick an example or describe your own:",
+      [...EXAMPLE_IDEAS, "Describe my own idea"]
+    );
+    let idea;
+    if (ideaChoice < EXAMPLE_IDEAS.length) {
+      idea = EXAMPLE_IDEAS[ideaChoice];
+    } else {
+      idea = await ask("Describe your app idea in one sentence");
+    }
+    if (!idea.trim()) {
+      print("  No idea provided. Aborted.");
+      process.exit(0);
+    }
+    const slug = idea.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 50);
+    return { type: "build", idea, slug };
+  }
+  if (choice === 2) {
     const rootDir = await ask("Project root directory", process.cwd());
     const resolvedDir = path8.resolve(rootDir);
     if (!fs7.existsSync(resolvedDir)) {
@@ -1344,6 +1371,13 @@ async function main() {
   }
   try {
     const mode = await stepProjectMode();
+    if (mode.type === "build") {
+      rl.close();
+      const { command, args: scriptArgs } = resolveScript(__dirname, "build.ts");
+      const child = (0, import_child_process2.spawn)(command, [...scriptArgs, `--idea=${mode.idea}`, `--target=./${mode.slug}`], { stdio: "inherit" });
+      child.on("close", (code) => process.exit(code ?? 0));
+      return;
+    }
     if (mode.type === "scaffold") {
       const { scaffold } = mode;
       const description = await ask(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibebusiness",
-  "version": "1.2.97",
+  "version": "1.2.99",
   "description": "AI-powered autonomous product manager. Research. Build. Ship. Grow.",
   "license": "SEE LICENSE IN LICENSE",
   "private": false,