Claude Code Skills Collection

A curated collection of 22 specialized skills for Claude Code that extend its capabilities for various development tasks.

Skills Included

Skill	Description
algorithmic-art	Create generative art using p5.js with seeded randomness
api-design-principles	REST and GraphQL API design best practices
artifacts-builder	Build complex multi-component HTML artifacts
azure-expert	Comprehensive Azure cloud services expertise
brand-guidelines	Apply Anthropic's brand colors and typography
canvas-design	Create visual art in PNG/PDF formats
cost-optimization	Optimize cloud costs and resource management
document-skills	Work with PDF, DOCX, XLSX, PPTX files
github-expert	GitHub Actions, CI/CD workflows, automation
internal-comms	Write internal communications and reports
mcp-builder	Create Model Context Protocol (MCP) servers
multi-cloud-architecture	Design multi-cloud systems (AWS, Azure, GCP)
playwright-skill	Browser automation and E2E testing
react-vite-expert	React + Vite project architecture and optimization
skill-creator	Guide for creating new Claude Code skills
slack-gif-creator	Create animated GIFs optimized for Slack
sql-expert	SQL query optimization and database design
template-skill	Template for creating new skills
theme-factory	Apply pre-set or custom themes to artifacts
ux-designer	User experience and interface design
webapp-testing	Test local web applications with Playwright

Installation

Copy the skills you want to your Claude Code skills directory:

# Copy all skills
cp -r ./* ~/.claude/skills/

# Or copy specific skills
cp -r sql-expert ~/.claude/skills/
cp -r playwright-skill ~/.claude/skills/

Usage

Once installed, skills are automatically available in Claude Code. Invoke them by name:

/skill sql-expert
/skill playwright-skill
/skill azure-expert

Or Claude Code will automatically suggest relevant skills based on your task.

Skill Structure

Each skill follows this structure:

skill-name/
├── SKILL.md           # Main skill definition
├── references/        # Additional reference materials (optional)
├── assets/           # Supporting files (optional)
└── examples/         # Example implementations (optional)

Categories

Development & Testing

• playwright-skill
• webapp-testing
• react-vite-expert
• sql-expert
• api-design-principles

Cloud & Infrastructure

• azure-expert
• cost-optimization
• multi-cloud-architecture
• github-expert

Design & Content

• canvas-design
• brand-guidelines
• ux-designer
• theme-factory
• algorithmic-art
• artifacts-builder
• slack-gif-creator

Documentation & Communication

• internal-comms
• document-skills (PDF, DOCX, XLSX, PPTX)

Meta Skills

• skill-creator
• mcp-builder
• template-skill

Contributing

To create a new skill:

1. Use the skill-creator skill as a guide
2. Start from template-skill as a base
3. Follow the structure in skill-creator/SKILL.md

License

These skills are provided as-is for use with Claude Code.

---

Generated: 2025-11-16
Total Skills: 22