A curated collection of Claude Code skills for extending Claude's capabilities.
Skills are markdown files that provide Claude Code with specialized knowledge, workflows, or tool integrations. They follow the standard Claude Code skill format with YAML frontmatter.
skill-collection/
└── skills/
├── vibe-coding/
│ └── SKILL.md # Vibe coding workflow
├── ui-skills/
│ └── SKILL.md # UI development constraints
└── skill-template/
└── SKILL.md # Template for creating new skills
Copy any skill folder to your Claude Code skills directory:
# Global installation (all projects)
cp -r skills/vibe-coding ~/.claude/skills/
# Project-specific installation
cp -r skills/ui-skills /path/to/project/.claude/skills/Then invoke in Claude Code:
/vibe-coding
/ui-skills
A structured workflow for building products from scratch with Claude Code. Covers:
- Phase 1: Initial Planning (
/planmode) - Phase 2: MVP Execution
- Phase 3: MVP Validation
- Phase 4: UI/UX Polish
- Phase 5: Deployment
By waynesun, inspired by @turingou
Opinionated constraints for building better interfaces with agents. Covers:
- Stack choices (Tailwind, motion/react, etc.)
- Component primitives (Base UI, React Aria, Radix)
- Interaction patterns
- Animation guidelines
- Typography & Layout
- Performance & Design rules
From ui-skills.com
- Create a folder:
skills/<skill-name>/ - Add a
SKILL.mdfile with YAML frontmatter:
---
name: skill-name
description: Brief description of what this skill does
author: your-name
---
# Skill Title
Your skill instructions here...See skills/skill-template/SKILL.md for a full template.
| Field | Required | Description |
|---|---|---|
name |
Yes | Skill identifier (lowercase-kebab-case) |
description |
Yes | Brief description for Claude |
author |
No | Creator's name |
source |
No | Original source URL if adapted |
inspired_by |
No | Credit for inspiration |
Feel free to submit PRs with new skills or improvements to existing ones.
MIT