# claude-code-skills

**Repository Path**: jasper_han/claude-code-skills

## Basic Information

- **Project Name**: claude-code-skills
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-13
- **Last Updated**: 2026-02-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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:

```bash
# 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