command-dev
Use this skill when creating or refining custom Claude Code slash commands. Slash commands are user-invoked reusable prompts that can accept arguments, reference files, and execute bash operations. Helps design command syntax, argument handling, file references, bash execution, and frontmatter configuration. Automatically invoked when user requests "create a command", "make a slash command", "add a /command", or mentions custom command development.
What this skill does
# Command Dev Skill
This skill helps create production-ready custom slash commands following Anthropic's official specifications.
## What is a Slash Command?
A **slash command** is a user-invoked reusable prompt stored as a Markdown file. Unlike skills (model-invoked) or agents (complex AI assistants), slash commands are:
- **User-triggered**: Explicitly invoked with `/command-name`
- **Template-based**: Expand to prompts with placeholders
- **Lightweight**: Simple Markdown files with optional frontmatter
- **Quick access**: Fast way to reuse common instructions
## Commands vs Skills vs Agents
| Feature | Command | Skill | Agent |
|---------|---------|-------|-------|
| **Invocation** | User (`/name`) | Model (automatic) | User or Task tool |
| **Complexity** | Simple prompt template | Capability with logic | Full AI assistant |
| **Arguments** | Yes ($1, $2, $ARGUMENTS) | N/A | N/A |
| **File access** | Yes (@file) | Via tools | Via tools |
| **Bash exec** | Yes (!command) | Via tools | Via tools |
| **Use case** | Quick prompts, workflows | Autonomous features | Domain expertise |
**When to use Commands**: Reusable prompts, quick text expansion, parametrized instructions, file processing workflows
## Command Structure
### Basic Command (Prompt only)
```markdown
Please review this code for security vulnerabilities and provide
specific recommendations for improvement.
```
File: `.claude/commands/security-review.md`
Usage: `/security-review`
### Command with Frontmatter
```markdown
---
description: Review code for security vulnerabilities with OWASP focus
argument-hint: [file-path] [--strict]
allowed-tools: Read, Grep, Glob
model: opus
disable-model-invocation: false
---
Please perform a comprehensive security audit of the codebase, focusing on:
- OWASP Top 10 vulnerabilities
- Authentication and authorization issues
- Input validation and sanitization
- Secrets exposure
```
## Frontmatter Fields
All frontmatter fields are **optional**.
### description
Brief explanation shown in `/help` and for SlashCommand tool.
```yaml
description: Generate comprehensive API documentation from OpenAPI spec
```
**Best practices**:
- 1 sentence, concise
- Describe what it does, not how
- Include key features
### argument-hint
Expected arguments for autocomplete and help.
```yaml
argument-hint: <endpoint-url> [--format json|yaml]
argument-hint: [file-pattern]
argument-hint: <branch-name>
```
**Syntax conventions**:
- `<required>` - Required argument
- `[optional]` - Optional argument
- `|` - Choice between options
### allowed-tools
Restrict which tools the command can use.
```yaml
allowed-tools: Read, Write, Grep, Glob
allowed-tools: Bash(git:*), Bash(npm:*)
allowed-tools: Read, WebFetch
```
**Why restrict**:
- Security: Prevent dangerous operations
- Focus: Command only needs specific tools
- Safety: Avoid accidental file modifications
### model
Override the model for this command.
```yaml
model: opus # Complex reasoning
model: sonnet # Balanced (default)
model: haiku # Fast, simple tasks
```
### disable-model-invocation
Prevent SlashCommand tool from invoking this command.
```yaml
disable-model-invocation: true # Only user can invoke
disable-model-invocation: false # Claude can invoke (default)
```
**Use cases**:
- Private commands for personal use only
- Commands with dangerous operations
- Commands requiring user confirmation
## Argument Handling
### $ARGUMENTS
Captures all passed arguments as a single value.
```markdown
Please analyze the following: $ARGUMENTS
```
Usage:
```
/analyze-text This is some text to analyze
```
Expands to:
```
Please analyze the following: This is some text to analyze
```
### $1, $2, $3, ... (Positional Arguments)
Access individual arguments by position.
```markdown
Compare $1 with $2 and explain the differences in $3 format.
```
Usage:
```
/compare file1.py file2.py detailed
```
Expands to:
```
Compare file1.py with file2.py and explain the differences in detailed format.
```
### Default Values
Provide defaults for missing arguments.
```markdown
Run tests in ${1:-development} environment with ${2:-verbose} output.
```
Usage:
```
/run-tests
```
Expands to:
```
Run tests in development environment with verbose output.
```
Usage with arguments:
```
/run-tests production quiet
```
Expands to:
```
Run tests in production environment with quiet output.
```
### Combining Arguments
```markdown
---
argument-hint: <action> <target> [options]
---
Execute $1 on $2 with options: $3
Fallback environment: ${3:-default}
All arguments: $ARGUMENTS
```
## File References
### @file Syntax
Include file contents in the prompt.
```markdown
Please review this code:
@src/api/users.py
Focus on error handling and security.
```
When invoked, Claude reads `src/api/users.py` and includes its contents.
### Multiple Files
```markdown
Compare these two implementations:
**Old version:**
@src/legacy/auth.py
**New version:**
@src/current/auth.py
Highlight improvements and potential issues.
```
### File Arguments
```markdown
Review the file: @$1
And compare with: @$2
```
Usage:
```
/compare-files old-code.py new-code.py
```
### File Patterns (with Glob)
```markdown
Analyze all TypeScript files in the components directory.
Use the Glob tool to find files matching: src/components/**/*.tsx
```
## Bash Execution
### ! Prefix for Bash Commands
Execute bash commands and include output.
```markdown
---
allowed-tools: Bash(git:*), Bash(npm:*)
---
Check the current git status:
!git status
And list recent commits:
!git log --oneline -5
```
**Security requirement**: Must declare allowed bash commands in frontmatter.
```yaml
allowed-tools: Bash(git:*), Bash(npm:*), Bash(docker:*)
```
### Bash with Arguments
```markdown
---
allowed-tools: Bash(git:*)
---
Show git log for branch: $1
!git log origin/$1..HEAD --oneline
```
Usage:
```
/branch-diff main
```
### Command Chaining
```markdown
---
allowed-tools: Bash(npm:*), Bash(git:*)
---
Run the following commands:
!npm run test
!npm run build
!git status
```
## Extended Thinking
Commands can trigger extended thinking by including extended thinking keywords.
```markdown
---
description: Analyze architectural implications of a design decision
---
Please analyze this architectural decision with extended thinking:
$ARGUMENTS
Consider:
- Long-term implications
- Alternative approaches
- Trade-offs and risks
```
Presence of "extended thinking" in the command triggers extended thinking mode.
## File Organization
### Project Commands (Shared with Team)
```
.claude/commands/
├── development/
│ ├── start-dev.md
│ ├── run-tests.md
│ └── build-prod.md
├── git/
│ ├── sync-main.md
│ └── cleanup-branches.md
└── review.md
```
Appears as:
- `/start-dev` (project:development)
- `/run-tests` (project:development)
- `/sync-main` (project:git)
- `/review` (project)
### Personal Commands (Cross-Project)
```
~/.claude/commands/
├── personal/
│ ├── daily-standup.md
│ └── task-summary.md
└── notes.md
```
Appears as:
- `/daily-standup` (user:personal)
- `/task-summary` (user:personal)
- `/notes` (user)
### Namespacing
Subdirectories organize commands but don't affect command names.
```
.claude/commands/api/create-endpoint.md
```
Command: `/create-endpoint` (not `/api/create-endpoint`)
Shown as: `/create-endpoint` (project:api)
**Conflict resolution**: Project-level commands take precedence over user-level when names match.
## Command Patterns
### Code Review Command
```markdown
---
description: Comprehensive code review focusing on quality and maintainability
argument-hint: [file-pattern]
allowed-tools: Read, Grep, Glob
model: opus
---
Perform a detailed code review covering:
1. **Code Quality**
- Readability and clarity
- Naming conventions
- Code organization
2. **Best Practices**
- Design patterns
- Error handling
- Performance considerations
3. **Security**
- Input validation
- Authentication/authoriRelated in Design
contribute
IncludedLocal-only OSS contribution command center. Auto-refreshes the user's in-flight PR and issue state on invoke so conversations start with full context — no need to brief Claude on what's in flight. Helps the user find issues to contribute to on GitHub, builds per-repo dossiers of what each upstream expects (CLA, DCO, branch convention, AI policy, draft-first, review bots, issue templates), runs deterministic gates before any external action so AI-assisted contributions don't reach maintainers as slop. State is markdown-only: candidate files at ~/.contribute-system/candidates/, repo dossiers at ~/.contribute-system/research/, append-only event log at ~/.contribute-system/log.jsonl. No database, no cloud calls. Use when the user asks about their PRs / issues / contributions, wants to find new work to take on, claim an issue, build/refresh a repo's dossier, or draft a Design Issue or PR. Trigger with "/contribute", "what's my PR status", "find a contribution", "claim issue X", "draft a Design Issue for Y", "refresh dossier for Z".
architectural-analysis
IncludedUser-triggered deep architectural analysis of a codebase or scoped subtree across eight modes — information architecture, data flow, integration points, UI surfaces, interaction patterns, data model, control flow, and failure modes. This skill should be used when the user asks to "diagram this codebase," "map the architecture," "show the data flow," "give me an ERD," "trace control flow," "find the integration points," "verify the layout pattern," "audit the UX architecture," or any similar request whose primary deliverable is mermaid diagrams plus cited reports under docs/architecture/. Dispatches haiku/sonnet sub-agents in parallel for per-mode exploration, then verifies every citation mechanically before any node lands in a diagram. Not for one-off prose explanations of code (use code-explanation) or for high-level system design from scratch (use system-design).
mcp
IncludedModel Context Protocol (MCP) server development and tool management. Languages: Python, TypeScript. Capabilities: build MCP servers, integrate external APIs, discover/execute MCP tools, manage multi-server configs, design agent-centric tools. Actions: create, build, integrate, discover, execute, configure MCP servers/tools. Keywords: MCP, Model Context Protocol, MCP server, MCP tool, stdio transport, SSE transport, tool discovery, resource provider, prompt template, external API integration, Gemini CLI MCP, Claude MCP, agent tools, tool execution, server config. Use when: building MCP servers, integrating external APIs as MCP tools, discovering available MCP tools, executing MCP capabilities, configuring multi-server setups, designing tools for AI agents.
react-native-skia
IncludedDesign, build, debug, and optimise high-polish animated graphics in React Native or Expo using @shopify/react-native-skia, Reanimated, and Gesture Handler. Use when the user wants canvas-driven UI, shaders, paths, rich text, image filters, sprite fields, Skottie, video frames, snapshots, web CanvasKit setup, or performance tuning for custom motion-heavy elements such as loaders, hero art, cards, charts, progress indicators, particle systems, or gesture-driven surfaces. Also use when the user asks for fluid, glow, glass, blob, parallax, 60fps/120fps, or GPU-friendly animated effects in React Native, even if they do not explicitly say "Skia". Do not use for ordinary form/layout work with standard views.
plaid
IncludedProduct Led AI Development — guides founders from idea to launched product. Six capabilities: Idea (discover a product idea), Validate (pressure-test the idea against fatal flaws, problem reality, competition, and 2-week MVP feasibility), Plan (vision intake + document generation), Design (translate image references into a design.md spec), Launch (go-to-market strategy), and Build (roadmap execution). Use when someone says "PLAID", "plaid idea", "help me find an idea", "product idea", "idea from my business", "idea from my expertise", "plaid validate", "validate my idea", "pressure-test", "is this idea good", "find fatal flaws", "validate the problem", "plan a product", "define my vision", "generate a PRD", "product strategy", "plaid design", "design from image", "translate image to design", "create design.md", "extract design tokens", "plaid launch", "go-to-market", "launch plan", "GTM strategy", "launch playbook", "plaid build", "build the app", "start building", or "execute the roadmap".
nextjs-framer-motion-animations
IncludedAdds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.