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:
uroma
2026-01-16 14:34:02 +00:00
Unverified
parent adb53bbd3f
commit 2c3d71a3f5
3 changed files with 80 additions and 48 deletions

View File

@@ -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)