start-vibing-stacks 2.4.1 → 2.5.0

package/dist/index.js

@@ -180,11 +180,13 @@ async function main() {
     ]);
     const selectedFramework = stackConfig.frameworks.find((f) => f.id === framework);
     // ─── Step 4: Select Database ───────────────────────────────────────────
+    const defaultDatabase = stackConfig.databases.find((d) => d.default)?.id || undefined;
     const { database } = await inquirer.prompt([
         {
             type: 'list',
             name: 'database',
             message: 'Select database:',
+            default: defaultDatabase,
             choices: stackConfig.databases.map((d) => ({
                 name: `${d.icon}  ${d.name}`,
                 value: d.id,

package/dist/scanner.js

@@ -425,6 +425,11 @@ function scanProjectFiles(projectDir) {
     if (existsSync(join(projectDir, '.prettierrc')) || existsSync(join(projectDir, '.prettierrc.json')) || existsSync(join(projectDir, 'prettier.config.js'))) {
         patterns.push({ category: 'quality', name: 'Prettier config present', confidence: 100 });
     }
+    // ── UI/UX Skills ──
+    if (existsSync(join(projectDir, '.cursor', 'skills', 'ui-ux-pro-max', 'SKILL.md')) ||
+        existsSync(join(projectDir, '.claude', 'skills', 'ui-ux-pro-max', 'SKILL.md'))) {
+        patterns.push({ category: 'ui', name: 'UI/UX Pro Max skill installed', confidence: 100 });
+    }
     // Environment files (works for both PHP and Node.js projects)
     const envFiles = ['.env.example', '.env', '.env.local', '.env.development', '.env.production'];
     let envContent = null;
@@ -453,8 +458,8 @@ function scanProjectFiles(projectDir) {
         // Security: detect NEXT_PUBLIC_ with sensitive values
         const sensitivePublicEnv = envContent.match(/^NEXT_PUBLIC_\w*(SECRET|TOKEN|PRIVATE|PASSWORD|CREDENTIAL|OPENAI|API_KEY|DATABASE)\w*\s*=/gmi);
         if (sensitivePublicEnv) {
-            for (const match of sensitivePublicEnv) {
-                const varName = match.split('=')[0].trim();
+            for (const found of sensitivePublicEnv) {
+                const varName = found.split('=')[0].trim();
                 patterns.push({
                     category: 'security',
                     name: `EXPOSED SECRET: ${varName} is public (visible in browser)`,

package/dist/setup.js

@@ -207,7 +207,7 @@ export async function setupProject(projectDir, config, options = {}) {
                         hooks: [
                             {
                                 type: 'command',
-                                command: 'bash .claude/hooks/run-hook.sh user-prompt-submit',
+                                command: 'npx tsx .claude/hooks/user-prompt-submit.ts',
                                 timeout: 10,
                             },
                         ],
@@ -218,7 +218,7 @@ export async function setupProject(projectDir, config, options = {}) {
                         hooks: [
                             {
                                 type: 'command',
-                                command: 'bash .claude/hooks/run-hook.sh stop-validator',
+                                command: 'npx tsx .claude/hooks/stop-validator.ts',
                                 timeout: 30,
                             },
                         ],
@@ -302,6 +302,25 @@ export async function setupProject(projectDir, config, options = {}) {
                 // package.json parse error, skip
             }
         }
+        // 15. Auto-install UI/UX Pro Max skill for frontend projects
+        const uiproSkillPath = join(projectDir, '.cursor', 'skills', 'ui-ux-pro-max', 'SKILL.md');
+        const uiproClaudePath = join(claudeDir, 'skills', 'ui-ux-pro-max', 'SKILL.md');
+        if (config.frontend && config.frontend !== 'none' && !existsSync(uiproSkillPath) && !existsSync(uiproClaudePath)) {
+            spinner.start('Installing UI/UX Pro Max skill...');
+            try {
+                const { execFileSync: execF } = await import('child_process');
+                execF('npx', ['uipro-cli', 'init', '--ai', 'cursor'], {
+                    cwd: projectDir,
+                    stdio: 'pipe',
+                    timeout: 60000,
+                });
+                spinner.succeed('UI/UX Pro Max skill installed');
+            }
+            catch {
+                spinner.warn('UI/UX Pro Max: auto-install failed');
+                ui.info('Install manually: npx uipro-cli init --ai cursor');
+            }
+        }
         spinner.succeed(`Setup complete: ${agentCount} agents, ${sharedSkillCount + stackSkillCount} skills, ${hookCount} hooks`);
         return true;
     }

package/dist/types.d.ts

@@ -39,6 +39,7 @@ export interface DatabaseOption {
     id: string;
     name: string;
     icon: string;
+    default?: boolean;
 }
 export interface FrontendOption {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "start-vibing-stacks",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "AI-powered multi-stack dev workflow for Claude Code. Supports PHP, Node.js, Python and more.",
   "type": "module",
   "bin": {

package/stacks/nodejs/stack.json

@@ -67,7 +67,7 @@
   "databases": [
     { "id": "mongodb", "name": "MongoDB", "icon": "🍃" },
     { "id": "postgresql", "name": "PostgreSQL", "icon": "🐘" },
-    { "id": "mysql", "name": "MySQL / MariaDB", "icon": "🐬" },
+    { "id": "mysql", "name": "MySQL / MariaDB", "icon": "🐬", "default": true },
     { "id": "sqlite", "name": "SQLite (Turso / libSQL)", "icon": "📁" },
     { "id": "redis", "name": "Redis (Upstash)", "icon": "🔴" },
     { "id": "none", "name": "None", "icon": "❌" }

package/stacks/php/stack.json

@@ -44,7 +44,7 @@
     }
   ],
   "databases": [
-    { "id": "mysql", "name": "MySQL / MariaDB", "icon": "🐬" },
+    { "id": "mysql", "name": "MySQL / MariaDB", "icon": "🐬", "default": true },
     { "id": "postgresql", "name": "PostgreSQL", "icon": "🐘" },
     { "id": "sqlite", "name": "SQLite", "icon": "📁" }
   ],

package/templates/CLAUDE-nodejs.md

@@ -120,7 +120,7 @@ project/
 
 | Category | Skills |
 |----------|--------|
-| **Development** | typescript-strict, react-patterns, nextjs-app-router, zod-validation, shadcn-ui, tailwind-patterns |
+| **Development** | typescript-strict, react-patterns, nextjs-app-router, zod-validation, shadcn-ui, tailwind-patterns, ui-ux-pro-max |
 | **Quality** | quality-gate, security-scan, test-coverage, final-check |
 | **Infrastructure** | docker-patterns, git-workflow, performance-patterns, debugging-patterns |
 | **Documentation** | codebase-knowledge, docs-tracker, research-cache, ui-ux-audit |
@@ -251,6 +251,10 @@ source: 'listed' as const;  // CORRECT (literal type)
 | Use MUI/Chakra | Use shadcn/ui + Radix |
 | Skip CLAUDE.md update | MUST update after implementations |
 
+## UI/UX Design Intelligence
+
+> When the project has a frontend, the **UI/UX Pro Max** skill is auto-installed. It provides 67 UI styles, 161 color palettes, 57 font pairings, and 161 industry-specific reasoning rules. It activates automatically for any UI/UX task.
+
 ## UI Architecture
 
 > Web apps MUST have **separate UIs** for each platform, NOT just "responsive design".

package/templates/CLAUDE-php.md

@@ -211,6 +211,10 @@ return Inertia::render('Dashboard', [
 | Inline Tailwind class soup | Unreadable — use STYLES const object |
 | `axios.post()` for forms | No CSRF/errors — use `useForm().post()` |
 
+## UI/UX Design Intelligence
+
+> When the project has a frontend, the **UI/UX Pro Max** skill is auto-installed. It provides 67 UI styles, 161 color palettes, 57 font pairings, and 161 industry-specific reasoning rules. It activates automatically for any UI/UX task.
+
 ## Quality Gates
 
 ```bash