diff --git a/cli/assets/templates/base/skill-content.md b/cli/assets/templates/base/skill-content.md index 96a6faea..bea5a7cd 100644 --- a/cli/assets/templates/base/skill-content.md +++ b/cli/assets/templates/base/skill-content.md @@ -60,7 +60,7 @@ Extract key information from user request: **Always start with `--design-system`** to get comprehensive recommendations with reasoning: ```bash -python3 skills/ui-ux-pro-max/scripts/search.py " " --design-system [-p "Project Name"] +python3 {{SCRIPT_PATH}} " " --design-system [-p "Project Name"] ``` This command: @@ -71,7 +71,7 @@ This command: **Example:** ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa" +python3 {{SCRIPT_PATH}} "beauty spa wellness service" --design-system -p "Serenity Spa" ``` ### Step 2b: Persist Design System (Master + Overrides Pattern) @@ -79,7 +79,7 @@ python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --d To save the design system for **hierarchical retrieval across sessions**, add `--persist`: ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "" --design-system --persist -p "Project Name" +python3 {{SCRIPT_PATH}} "" --design-system --persist -p "Project Name" ``` This creates: @@ -88,7 +88,7 @@ This creates: **With page-specific override:** ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "" --design-system --persist -p "Project Name" --page "dashboard" +python3 {{SCRIPT_PATH}} "" --design-system --persist -p "Project Name" --page "dashboard" ``` This also creates: @@ -113,7 +113,7 @@ Now, generate the code... After getting the design system, use domain searches to get additional details: ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "" --domain [-n ] +python3 {{SCRIPT_PATH}} "" --domain [-n ] ``` **When to use detailed searches:** @@ -136,7 +136,7 @@ python3 skills/ui-ux-pro-max/scripts/search.py "" --domain [-n Get React Native implementation-specific best practices: ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "" --stack react-native +python3 {{SCRIPT_PATH}} "" --stack react-native ``` --- @@ -179,7 +179,7 @@ python3 skills/ui-ux-pro-max/scripts/search.py "" --stack react-native ### Step 2: Generate Design System (REQUIRED) ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "AI search tool modern minimal" --design-system -p "AI Search" +python3 {{SCRIPT_PATH}} "AI search tool modern minimal" --design-system -p "AI Search" ``` **Output:** Complete design system with pattern, style, colors, typography, effects, and anti-patterns. @@ -188,16 +188,16 @@ python3 skills/ui-ux-pro-max/scripts/search.py "AI search tool modern minimal" - ```bash # Get style options for a modern tool product -python3 skills/ui-ux-pro-max/scripts/search.py "minimalism dark mode" --domain style +python3 {{SCRIPT_PATH}} "minimalism dark mode" --domain style # Get UX best practices for search interaction and loading -python3 skills/ui-ux-pro-max/scripts/search.py "search loading animation" --domain ux +python3 {{SCRIPT_PATH}} "search loading animation" --domain ux ``` ### Step 4: Stack Guidelines ```bash -python3 skills/ui-ux-pro-max/scripts/search.py "list performance navigation" --stack react-native +python3 {{SCRIPT_PATH}} "list performance navigation" --stack react-native ``` **Then:** Synthesize design system + detailed searches and implement the design. @@ -210,10 +210,10 @@ The `--design-system` flag supports two output formats: ```bash # ASCII box (default) - best for terminal display -python3 skills/ui-ux-pro-max/scripts/search.py "fintech crypto" --design-system +python3 {{SCRIPT_PATH}} "fintech crypto" --design-system # Markdown - best for documentation -python3 skills/ui-ux-pro-max/scripts/search.py "fintech crypto" --design-system -f markdown +python3 {{SCRIPT_PATH}} "fintech crypto" --design-system -f markdown ``` --- diff --git a/cli/assets/templates/platforms/claude.json b/cli/assets/templates/platforms/claude.json index 5a4a8eee..a17565b6 100644 --- a/cli/assets/templates/platforms/claude.json +++ b/cli/assets/templates/platforms/claude.json @@ -7,7 +7,7 @@ "skillPath": "skills/ui-ux-pro-max", "filename": "SKILL.md" }, - "scriptPath": "skills/ui-ux-pro-max/scripts/search.py", + "scriptPath": "scripts/search.py", "frontmatter": { "name": "ui-ux-pro-max", "description": "UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."