# Skills Installer

Install and manage Claude Code Agent Skills - specialized knowledge packages that extend Claude's capabilities with domain expertise and progressive disclosure

---


## Metadata

**Title:** Skills Installer
**Category:** commands
**Author:** JSONbored
**Added:** October 2025
**Tags:** skills, agent-skills, capabilities, domain-expertise, plugins, extensions
**URL:** https://claudepro.directory/commands/skills-installer

## Overview

Install and manage Claude Code Agent Skills - specialized knowledge packages that extend Claude's capabilities with domain expertise and progressive disclosure

## Content

The /skills-installer command installs Agent Skills - model-controlled configuration packages that extend Claude's capabilities with specialized domain knowledge.
FEATURES
• 47 Specialized Skills: Domain-specific expertise packages
• Progressive Disclosure: Skills activate only when relevant to task
• Plugin System: Modular knowledge packages
• Auto-Activation: Claude automatically selects appropriate skills
• Skill Discovery: Browse available skills by category
• Version Management: Update skills as they evolve
• Dependency Resolution: Auto-install required dependencies
• Team Sharing: Commit skills config to git
USAGE

 /skills-installer [action] [skill-name]

Actions
• --install - Install skill by name
• --list - List available skills
• --installed - Show installed skills
• --uninstall - Remove skill
• --update - Update installed skills
• --search - Search skills by keyword
Categories
• --development - Programming and development skills
• --devops - Infrastructure and deployment
• --data - Data science and analytics
• --security - Security and compliance
• --frontend - UI/UX and frontend
• --backend - Server-side and APIs
WHAT ARE AGENT SKILLS?
Agent Skills are model-controlled configurations that give Claude specialized knowledge:
• Files, scripts, resources for specific domains
• Activated automatically when relevant
• Extend capabilities without manual prompting
• Similar to VS Code extensions but for AI
EXAMPLES
Install React 19 Skill
Command:

 /skills-installer --install react-19-expert

Installation:

 [Installing Skill: React 19 Expert]
 ✓ Downloaded skill package
 ✓ Installed dependencies
 ✓ Configured activation triggers
 Skill Capabilities:
 - React features (use hook, Server Actions)
 - React Compiler optimization
 - Server Components best practices
 - Concurrent rendering patterns
 - New hooks (useOptimistic, useFormStatus)
 Activation Triggers:
 - React file detected (*.tsx, *.jsx)
 - package.json contains "react": "^19"
 - Prompts mentioning React/components
 ✓ Skill installed successfully

Auto-Activation:

 User: "Create a form with optimistic updates"
 [Agent Skill: React 19 Expert - Activated]
 Claude: "I'll use React 19's useOptimistic hook for this..."
 // Generated code uses React 19 patterns
 import { useOptimistic } from 'react';
 export function TodoForm({ addTodo }: Props) {
 const [optimisticTodos, addOptimisticTodo] = useOptimistic(
 todos,
 (state, newTodo) => [...state, newTodo]
 );

 // ...
 }

Install TypeScript Strict Mode Skill
Command:

 /skills-installer --install typescript-strict

Skill Details:

 [TypeScript Strict Mode Expert]
 Capabilities:
 - Enforce strict mode conventions
 - No `any` type - suggest `unknown` instead
 - Proper type guards
 - Discriminated unions
 - Advanced type inference
 Configuration:
 "compilerOptions": {
 "strict": true,
 "noUncheckedIndexedAccess": true,
 "noImplicitReturns": true
 }
 ✓ Installed

Effect:

 // Before skill:
 function getData(id: any) { // Claude might use 'any'
 return data[id];
 }
 // After skill activated:
 function getData(id: string): User | undefined { // Strict types
 const user = data[id]; // Could be undefined
 if (!user) {
 throw new Error(`User ${id} not found`);
 }
 return user;
 }

Install Multiple Skills
Command:

 /skills-installer --install next-15-expert prisma-advanced tdd-workflow

Batch Installation:

 [Installing 3 Skills]
 1/3 Next.js 15 Expert
 ✓ Installed
 - App Router patterns
 - Server Components
 - Partial Prerendering
 - React 19 integration
 2/3 Prisma Advanced
 ✓ Installed
 - Query optimization
 - N+1 prevention
 - Migration strategies
 - Type safety patterns
 3/3 TDD Workflow
 ✓ Installed
 - Test-first development
 - Red-green-refactor
 - Coverage enforcement
 - Mock strategies
 ✓ All skills installed

List Available Skills
Command:

 /skills-installer --list --category=development

Output:

 [Available Development Skills]
 ## Frontend
 - react-19-expert - React features and patterns
 - next-15-expert - Next.js 15 App Router mastery
 - tailwind-v4 - TailwindCSS v4 modern patterns
 - svelte-5-runes - Svelte 5 with runes system
 ## Backend
 - node-20-performance - Node.js 20 performance patterns
 - fastify-optimization - Fastify web framework expert
 - graphql-federation - GraphQL Federation v2
 - prisma-advanced - Advanced Prisma ORM patterns
 ## Testing
 - vitest-advanced - Vitest testing mastery
 - playwright-e2e - Playwright E2E testing
 - tdd-workflow - Test-driven development expert
 ## Language Expertise
 - typescript-strict - TypeScript strict mode expert
 - python-type-hints - Python typing and mypy
 - go-idioms - Go language idioms
 - rust-ownership - Rust ownership patterns
 Total: 47 skills available
 Installed: 0

View Installed Skills
Command:

 /skills-installer --installed

Output:

 [Installed Skills]
 ✓ react-19-expert (v1.2.0)
 Last used: 2 hours ago
 Activations: 45 times

 ✓ typescript-strict (v2.1.0)
 Last used: Active now
 Activations: times

 ✓ next-15-expert (v1.0.5)
 Last used: Yesterday
 Activations: 30 times
 3 skills installed
 Storage: 2.4 MB

Search Skills
Command:

 /skills-installer --search "database optimization"

Results:

 [Search Results: database optimization]
 1. prisma-advanced
 Description: Advanced Prisma patterns with query optimization
 Tags: database, orm, optimization, performance

 2. postgres-performance
 Description: PostgreSQL query optimization and indexing
 Tags: database, postgresql, performance, sql

 3. mongodb-aggregation
 Description: MongoDB aggregation pipeline mastery
 Tags: database, mongodb, nosql, performance
 Found 3 matching skills

SKILL CATEGORIES
Frontend Skills
• react-19-expert - React 19 features
• next-15-expert - Next.js 15 patterns
• vue-3-composition - Vue 3 Composition API
• svelte-5-runes - Svelte 5 runes
• tailwind-v4 - TailwindCSS v4
• framer-motion-advanced - Animation patterns
Backend Skills
• node-20-performance - Node.js optimization
• fastapi-async - FastAPI async patterns
• nestjs-microservices - NestJS architecture
• express-security - Express.js security
• graphql-federation - GraphQL Federation
Database Skills
• prisma-advanced - Prisma ORM mastery
• postgres-performance - PostgreSQL optimization
• mongodb-aggregation - MongoDB pipelines
• redis-caching - Redis caching strategies
• drizzle-orm - Drizzle ORM patterns
DevOps Skills
• docker-optimization - Docker best practices
• kubernetes-deployment - K8s deployments
• github-actions-ci - GitHub Actions CI/CD
• terraform-iac - Infrastructure as Code
• vercel-edge - Vercel Edge Functions
Testing Skills
• vitest-advanced - Vitest mastery
• playwright-e2e - Playwright E2E
• cypress-component - Cypress testing
• tdd-workflow - Test-driven development
• jest-migration - Jest to Vitest migration
Security Skills
• owasp-top-10 - OWASP security patterns
• auth-best-practices - Authentication/authorization
• input-validation - Input sanitization
• secrets-management - Secret handling
• csrf-protection - CSRF prevention
PROGRESSIVE DISCLOSURE
How Skills Activate

 User: "Fix the login component"
 [Skill Selection Process]
 1. Detect context: React component
 2. Check installed skills
 3. Activate: react-19-expert
 4. Load knowledge: React 19 patterns
 5. Apply to task
 Claude: *Uses React 19 patterns automatically*

Multiple Skills Simultaneously

 User: "Optimize the database queries in the API"
 [Skills Activated]
 ✓ prisma-advanced (database queries)
 ✓ node-20-performance (API optimization)
 ✓ typescript-strict (type safety)
 Claude: *Combines knowledge from all 3 skills*

SKILL CONFIGURATION
Where Skills Are Stored

 # Project skills (team-shared)
 .claude/
 skills/
 react-19-expert/
 config.json
 patterns.md
 examples/
 typescript-strict/
 config.json
 rules.md
 # User skills (personal)
 ~/.claude/
 skills/
 personal-shortcuts/

Skill Configuration File

 // .claude/skills/react-19-expert/config.json
 {
 "name": "react-19-expert",
 "version": "",
 "description": "React 19 expert with latest features",
 "activationTriggers": [
 { "filePattern": "**/*.{tsx,jsx}" },
 { "keyword": "react" },
 { "packageJson": "react" }
 ],
 "capabilities": [
 "React features",
 "Server Components",
 "React Compiler",
 "New hooks"
 ],
 "dependencies": [
 "typescript-strict"
 ]
 }

UPDATING SKILLS
Command:

 /skills-installer --update

Update Process:

 [Checking for Updates]
 ✓ react-19-expert: v1.2.0 → v1.3.0 available
 - Added Server Actions patterns
 - Improved useOptimistic examples

 ✓ typescript-strict: Up to date (v2.1.0)
 ✓ next-15-expert: v1.0.5 → v1.1.0 available
 - Partial Prerendering patterns
 - Updated caching strategies
 Update all? (y/n): y
 [Updating 2 skills]
 ✓ react-19-expert updated
 ✓ next-15-expert updated
 All skills up to date

BEST PRACTICES
Install Relevant Skills Only

 # ✅ Good: Install skills you actually use
 /skills-installer --install react-19-expert typescript-strict
 # ❌ Bad: Install everything
 /skills-installer --install * # Don't do this

Team Collaboration

 # Commit skills config to git
 git add .claude/skills/
 git commit -m "Add React 19 and TypeScript skills"
 # Team members get same skills automatically
 git pull
 # Skills auto-install on first use

Skill Priority

 // More specific skills override general skills
 {
 "skills": [
 { "name": "typescript-strict", "priority": 10 },
 { "name": "react-19-expert", "priority": 20 }, // Higher priority
 { "name": "next-15-expert", "priority": 30 } // Highest priority
 ]
 }

TROUBLESHOOTING
Skill Not Activating

 # Check skill installation
 /skills-installer --installed
 # Verify activation triggers
 # Edit .claude/skills/[skill]/config.json
 # Manually activate for testing
 "Use the React 19 expert skill for this task"

Conflicting Skills

 # Some skills may conflict
 # Example: jest-expert + vitest-expert
 # Solution: Uninstall conflicting skill
 /skills-installer --uninstall jest-expert

Skill Updates Breaking

 # Rollback to previous version
 /skills-installer --rollback react-19-expert
 # Or pin specific version
 /skills-installer --install 

INSTALLATION
CLAUDE CODE:
1) Create commands directory: mkdir -p .claude/commands
2) Create command file: touch .claude/commands/skills-installer.md
3) Add command content from the Command Content section above to .claude/commands/skills-installer.md
4) Command is now available as /skills-installer in Claude Code
5) Optional: Create personal version in ~/.claude/commands/skills-installer.md for global access
Requirements:
? Claude Code CLI installed
? Project directory initialized (for project commands)
CONFIGURATION
Temperature: 0.3
Max Tokens: 
System Prompt:
You are a Claude Code Agent Skills expert specializing in skill installation, progressive disclosure, and domain expertise activation
TROUBLESHOOTING
1) Installed skill not activating despite relevant context
 Solution: Check activation triggers in .claude/skills/[skill]/config.json. Verify file patterns match your project structure. Manually mention skill in prompt: 'Use the React 19 expert skill'. Restart Claude Code to reload skill configurations.
2) Skill installation fails with dependency errors
 Solution: Install dependencies first: /skills-installer --install typescript-strict (if required). Check .claude/skills/[skill]/config.json for required dependencies. Use --force flag to override dependency checks. Verify Node.js version compatibility.
3) Multiple skills activated causing conflicting advice
 Solution: Set skill priority in config.json: higher priority number wins. Uninstall conflicting skills: /skills-installer --uninstall [skill]. Use --disable to temporarily deactivate without uninstalling. Explicitly specify skill in prompt.
4) Skills not shared with team despite committing to git
 Solution: Verify .claude/skills/ committed and pushed to git. Team must pull and restart Claude Code. Check .gitignore not excluding .claude/ directory. Skills auto-install on first activation after pull.
5) Skill update breaks existing workflows
 Solution: Rollback to previous version: /skills-installer --rollback [skill]. Pin specific version to prevent auto-updates: use version constraint in config. Test updates in separate branch before team-wide rollout.
TECHNICAL DETAILS
Documentation: https://docs.claude.com/en/docs/claude-code/skills


---

Source: Claude Pro Directory
Website: https://claudepro.directory
URL: https://claudepro.directory/commands/skills-installer

This content is optimized for Large Language Models (LLMs).
For full formatting and interactive features, visit the website.