Skills Overview
42 specialized skills that extend Claude’s capabilities—loaded dynamically when you mention them.
Quick Reference
Frontend & Design
| Skill | Purpose |
|---|---|
| frontend-design | Build memorable web interfaces with bold aesthetics |
| frontend-design-pro | Agency-grade interfaces with perfect imagery |
| ui-ux-pro-max | Production-ready UI with research-backed patterns |
| aesthetic | Systematic aesthetic framework (BEAUTIFUL→RIGHT→SATISFYING→PEAK) |
| ui-styling | Tailwind patterns, responsive layouts, dark mode |
| frontend-development | React patterns, Suspense, state management |
| nextjs | App Router, Server Components, SSR/SSG |
| web-frameworks | Next.js + Turborepo + RemixIcon stack |
| shadcn-ui | Accessible UI components with Radix + Tailwind |
| tailwindcss | Utility-first CSS, zero custom CSS |
| threejs | 3D web experiences with WebGL/WebGPU |
Backend & Infrastructure
| Skill | Purpose |
|---|---|
| backend-development | Node.js, NestJS, security, testing patterns |
| databases | Schema design, query optimization, migrations |
| postgresql-psql | PostgreSQL CLI, performance tuning, administration |
| docker | Containerization, multi-stage builds, Compose |
| devops | CI/CD, deployment, infrastructure automation |
AI & Multimodal
| Skill | Purpose |
|---|---|
| ai-multimodal | Gemini vision, audio, document processing |
| google-adk-python | Google AI Development Kit for Python agents |
| canvas-design | Visual art creation (PNG/PDF) with design philosophy |
| gemini-vision | Image analysis (redirects to ai-multimodal) |
Tools & Utilities
| Skill | Purpose |
|---|---|
| mcp-builder | Create MCP servers (Python FastMCP / TypeScript) |
| mcp-management | Discover and execute MCP tools |
| skill-creator | Create custom skills for your projects |
| repomix | Pack repos into AI-friendly context files |
| document-skills | PDF, DOCX, PPTX, XLSX processing |
| docs-seeker | Find and retrieve external documentation |
| chrome-devtools | Browser automation, performance profiling |
| ffmpeg | Video/audio processing and conversion |
| imagemagick | Image manipulation and batch processing |
| claude-code-skill | Meta-skill for Claude Code itself |
Process & Methodology
| Skill | Purpose |
|---|---|
| planning | Transform requirements into executable plans |
| research | Multi-source validation before implementation |
| sequential-thinking | Numbered thought sequences for complex problems |
| problem-solving | Systematic approaches when stuck |
| debugging | Root cause investigation framework |
| systematic-debugging | Four-phase debugging (95% fix rate) |
| code-review | Verification gates and technical rigor |
Integrations
| Skill | Purpose |
|---|---|
| better-auth | TypeScript auth (OAuth, 2FA, passkeys, multi-tenant) |
| shopify | Shopify apps, GraphQL API, checkout extensions |
| payment-integration | Stripe, PayPal, LemonSqueezy integration |
Mobile & Media
| Skill | Purpose |
|---|---|
| mobile-development | React Native, Expo, cross-platform patterns |
| media-processing | Audio/video manipulation workflows |
How to Use
Basic invocation:
"Use [skill-name] to [task]"Examples:
"Use better-auth to add GitHub OAuth with 2FA"
"Use docker to create production Dockerfile"
"Use systematic-debugging to investigate this test failure"
"Use frontend-design to build a SaaS landing page"Skill not activating? Be explicit:
"Use the [skill-name] skill to..."Under the Hood
How Skills Activate
Skills activate through semantic matching on your prompt:
- Claude matches your request to skill descriptions
- Relevant skill instructions load into context
- Claude follows skill-specific patterns and best practices
Activation triggers:
- Mentioning the skill name explicitly
- Describing a task that matches skill description
- Using keywords from skill’s domain
Skill Structure
Every skill contains:
.claude/skills/[skill-name]/
├── SKILL.md # Core instructions (<100 lines)
├── references/ # Detailed documentation
└── scripts/ # Automation scripts (optional)Progressive disclosure: SKILL.md provides essentials, references/ has depth.
Skills vs Commands vs Agents
| Aspect | Skills | Commands | Agents |
|---|---|---|---|
| Purpose | Specialized knowledge | Workflow orchestration | Task execution |
| Invocation | ”Use [skill]…” | /command | Auto or explicit |
| Scope | Single focused capability | Multi-step processes | Autonomous work |
| Example | better-auth, docker | /cook, /plan | planner, tester |
Creating Custom Skills
"Use skill-creator to create a skill for [your-domain]"skill-creator will:
- Ask clarifying questions
- Design skill structure
- Create SKILL.md with proper frontmatter
- Add references if needed
- Save to
.claude/skills/
Troubleshooting
Skill not working?
- Check skill name spelling
- Provide more context about your task
- Try explicit invocation: “Use the X skill to…”
Need a skill that doesn’t exist?
- Use skill-creator to build it
- Request on Discord
Key Takeaway
42 skills provide instant expertise—just mention the skill and describe your task. No configuration needed.