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. You can ALSO directly call any specialist agent anytime for manual control.
--- ---
## Step 1.5: Install UI/UX Pro Max Skill (Slash Commands)
## Step 1.5: Install UI/UX Pro Max Agent (PROACTIVELY Auto-Triggers) The repository includes the **ui-ux-pro-max skill** which provides design guidance and recommendations.
Source: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill Install from the cloned repository:
```bash
# Create skills directory
mkdir -p ~/.claude/skills
Clone the ui-ux-pro-max-skill repository: # Copy ui-ux-pro-max skill (includes search.py for design patterns)
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git /tmp/ui-ux-pro-max-skill cp -r claude-code-glm-suite/skills/ui-ux-pro-max ~/.claude/skills/
Install UI/UX Pro Max agent with PROACTIVELY triggers: # Make Python scripts executable
mkdir -p ~/.claude/agents/design chmod +x ~/.claude/skills/ui-ux-pro-max/scripts/*.py
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: ### What This Provides:
**ui-ux-pro-max agent** with PROACTIVELY auto-triggering for: **ui-ux-pro-max skill** - A slash command you can invoke anytime:
- UI component creation (buttons, modals, forms, cards, navbars) - Usage: Type `/ui-ux-pro-max` or use it in your prompts
- Page design (landing pages, dashboards, pricing pages) - Search 50+ design patterns by keyword, domain, and stack
- UI/UX review and audits - Get recommendations for landing pages, dashboards, pricing tables, etc.
- Style guide application (colors, typography, spacing) - Style guidance: glassmorphism, minimalism, brutalism, dark mode
- Accessibility compliance (WCAG 2.1 AA/AAA) - Color schemes, typography pairs, component examples
- Tech-stack specific patterns (React, Next.js, Vue, Tailwind, shadcn/ui) - WCAG 2.1 accessibility compliance
**Comprehensive design knowledge:** Example: "Use ui-ux-pro-max to design a professional CTA section"
- 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.75: Install Agent Sync Script (Keep Agents Updated) ## Step 1.75: Install Agent Sync Script (Keep Agents Updated)

View File

@@ -229,20 +229,32 @@ npx @z_ai/coding-helper --help
tldr --help tldr --help
``` ```
#### Step 4: Install UI/UX Pro Max Skill #### Step 4: Install Skills (Optional Design Guidance)
The repository includes user-invocable skills for enhanced functionality:
```bash ```bash
# Clone the skill repository # From the cloned repository
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git /tmp/ui-ux-skill cd claude-code-glm-suite
# Copy to Claude skills directory # Install ui-ux-pro-max skill (design patterns and recommendations)
mkdir -p ~/.claude/skills mkdir -p ~/.claude/skills
cp -r /tmp/ui-ux-skill/* ~/.claude/skills/ cp -r skills/ui-ux-pro-max ~/.claude/skills/
# Make Python scripts executable
chmod +x ~/.claude/skills/ui-ux-pro-max/scripts/*.py
# Verify installation
ls -la ~/.claude/skills/ui-ux-pro-max/
# Should show: README.md, SKILL.md, scripts/search.py
``` ```
#### Step 5: Configure MCP Tools **What this provides:**
- `/ui-ux-pro-max` slash command for design guidance
- Search 50+ design patterns (minimalism, glassmorphism, etc.)
- Color schemes, typography pairs, component examples
- WCAG 2.1 accessibility compliance
```bash
# Create MCP configuration # Create MCP configuration
cat > ~/.claude/settings.local.json << 'EOF' cat > ~/.claude/settings.local.json << 'EOF'
{ {

View File

@@ -612,7 +612,7 @@ backup_config() {
create_directories() { create_directories() {
log_info "Creating directory structure..." log_info "Creating directory structure..."
mkdir -p "$CLAUDE_DIR"/{agents,plugins/cache,plugins/marketplaces,hooks,debug,file-history,paste-cache,projects,session-env,shell-snapshots,todos} mkdir -p "$CLAUDE_DIR"/{skills,agents,plugins/cache,plugins/marketplaces,hooks,debug,file-history,paste-cache,projects,session-env,shell-snapshots,todos}
if [ "$INSTALL_ENGINEERING" = true ]; then mkdir -p "$CLAUDE_DIR/agents/engineering"; fi if [ "$INSTALL_ENGINEERING" = true ]; then mkdir -p "$CLAUDE_DIR/agents/engineering"; fi
if [ "$INSTALL_MARKETING" = true ]; then mkdir -p "$CLAUDE_DIR/agents/marketing"; fi if [ "$INSTALL_MARKETING" = true ]; then mkdir -p "$CLAUDE_DIR/agents/marketing"; fi
@@ -725,6 +725,33 @@ install_agents() {
log_info "Installing agent-updater for automatic sync..." log_info "Installing agent-updater for automatic sync..."
fi fi
# ============================================
# INSTALL SKILLS
# User-invocable skills (slash commands)
# ============================================
if [ -d "$SCRIPT_DIR/skills" ]; then
log_info "Installing skills..."
mkdir -p "$CLAUDE_DIR/skills"
# Copy all skill directories
for skill_dir in "$SCRIPT_DIR/skills"/*; do
if [ -d "$skill_dir" ]; then
skill_name=$(basename "$skill_dir")
log_info " → Installing skill: $skill_name"
cp -r "$skill_dir" "$CLAUDE_DIR/skills/"
# Make scripts executable
if [ -d "$CLAUDE_DIR/skills/$skill_name/scripts" ]; then
chmod +x "$CLAUDE_DIR/skills/$skill_name/scripts"/*.py 2>/dev/null || true
fi
fi
done
log_success "✓ Skills installed to: $CLAUDE_DIR/skills/"
else
log_warning "Skills directory not found at $SCRIPT_DIR/skills"
fi
# Install sync-agents.sh script # Install sync-agents.sh script
if [ -f "$SCRIPT_DIR/sync-agents.sh" ]; then if [ -f "$SCRIPT_DIR/sync-agents.sh" ]; then
log_info "Installing sync-agents.sh script..." log_info "Installing sync-agents.sh script..."
@@ -733,6 +760,11 @@ install_agents() {
log_success "sync-agents.sh installed (run: ~/.claude/sync-agents.sh)" log_success "sync-agents.sh installed (run: ~/.claude/sync-agents.sh)"
fi fi
if [ -d "$CLAUDE_DIR/skills" ]; then
skill_count=$(find "$CLAUDE_DIR/skills" -maxdepth 1 -type d | wc -l)
skill_count=$((skill_count - 1)) # Subtract 1 for the skills directory itself
log_success "Skills installed: $skill_count skill(s)"
fi
log_success "Agents installed: $SELECTED_AGENTS" log_success "Agents installed: $SELECTED_AGENTS"
} }