Add skills installation to all 3 installers (manual, auto, prompt)
FEATURES: - All 3 installation methods now include skills installation - Skills are user-invocable slash commands (like /ui-ux-pro-max) CHANGES: 1. Interactive Installer (interactive-install-claude.sh) - Added skills directory creation - Automatic skills installation from repository - Copies all skills to ~/.claude/skills/ - Makes Python scripts executable - Displays skills count in summary 2. Master Prompt (MASTER-PROMPT.md) - Updated Step 1.5 with current repository structure - Simplified skills installation instructions - Removed deprecated external repository references - Uses local repository files 3. Manual Installation (README.md) - Updated Step 4 with skills installation - Clear verification steps - Explains what skills provide - Proper chmod +x for scripts SKILLS NOW INCLUDED: - ui-ux-pro-max: Design patterns, colors, typography - 50+ design styles (minimalism, glassmorphism, etc.) - Search 8 domains: landing, style, product, color, typography - Python script search.py for design recommendations TESTING: - All 3 installers tested and working - Skills install to correct location: ~/.claude/skills/ - Python scripts are executable - Skills count shows in installation summary Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -252,46 +252,34 @@ Result: Complete app, launch-ready ✓
|
||||
You can ALSO directly call any specialist agent anytime for manual control.
|
||||
|
||||
---
|
||||
|
||||
## Step 1.5: Install UI/UX Pro Max Agent (PROACTIVELY Auto-Triggers)
|
||||
|
||||
Source: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
|
||||
|
||||
Clone the ui-ux-pro-max-skill repository:
|
||||
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git /tmp/ui-ux-pro-max-skill
|
||||
|
||||
Install UI/UX Pro Max agent with PROACTIVELY triggers:
|
||||
mkdir -p ~/.claude/agents/design
|
||||
wget -O ~/.claude/agents/design/ui-ux-pro-max.md https://raw.githubusercontent.com/github.rommark.dev/admin/claude-code-glm-suite/main/agents/design/ui-ux-pro-max.md
|
||||
|
||||
Also install the SKILL file for enhanced compatibility:
|
||||
mkdir -p ~/.claude/skills/ui-ux-pro-max
|
||||
cp /tmp/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max/SKILL.md ~/.claude/skills/ui-ux-pro-max/
|
||||
|
||||
### What This Provides:
|
||||
|
||||
**ui-ux-pro-max agent** with PROACTIVELY auto-triggering for:
|
||||
- UI component creation (buttons, modals, forms, cards, navbars)
|
||||
- Page design (landing pages, dashboards, pricing pages)
|
||||
- UI/UX review and audits
|
||||
- Style guide application (colors, typography, spacing)
|
||||
- Accessibility compliance (WCAG 2.1 AA/AAA)
|
||||
- Tech-stack specific patterns (React, Next.js, Vue, Tailwind, shadcn/ui)
|
||||
|
||||
**Comprehensive design knowledge:**
|
||||
- 50+ design styles (glassmorphism, minimalism, brutalism, etc.)
|
||||
- 97 color palettes by industry
|
||||
- 57 font pairings with Google Fonts imports
|
||||
- Accessibility standards (contrast ratios, keyboard nav, ARIA labels)
|
||||
- Professional design patterns (no emoji icons, proper hover states)
|
||||
|
||||
**Key Features:**
|
||||
- Automatic UI/UX review during design work
|
||||
- Professional design patterns applied proactively
|
||||
- Accessibility-first approach (WCAG 2.1 AA/AAA)
|
||||
- Comprehensive styling guidelines
|
||||
|
||||
---
|
||||
## Step 1.5: Install UI/UX Pro Max Skill (Slash Commands)
|
||||
|
||||
The repository includes the **ui-ux-pro-max skill** which provides design guidance and recommendations.
|
||||
|
||||
Install from the cloned repository:
|
||||
```bash
|
||||
# Create skills directory
|
||||
mkdir -p ~/.claude/skills
|
||||
|
||||
# Copy ui-ux-pro-max skill (includes search.py for design patterns)
|
||||
cp -r claude-code-glm-suite/skills/ui-ux-pro-max ~/.claude/skills/
|
||||
|
||||
# Make Python scripts executable
|
||||
chmod +x ~/.claude/skills/ui-ux-pro-max/scripts/*.py
|
||||
```
|
||||
|
||||
### What This Provides:
|
||||
|
||||
**ui-ux-pro-max skill** - A slash command you can invoke anytime:
|
||||
- Usage: Type `/ui-ux-pro-max` or use it in your prompts
|
||||
- Search 50+ design patterns by keyword, domain, and stack
|
||||
- Get recommendations for landing pages, dashboards, pricing tables, etc.
|
||||
- Style guidance: glassmorphism, minimalism, brutalism, dark mode
|
||||
- Color schemes, typography pairs, component examples
|
||||
- WCAG 2.1 accessibility compliance
|
||||
|
||||
Example: "Use ui-ux-pro-max to design a professional CTA section"
|
||||
|
||||
|
||||
## Step 1.75: Install Agent Sync Script (Keep Agents Updated)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user