Claude Code Skills

Skills are reusable instruction packs that teach Claude Code how to do a specific task well — design a landing page, run an SEO audit, humanize copy, publish a post. A skill is a folder with a SKILL.md (a description plus instructions) and any supporting files. When a task matches a skill's description, Claude Code loads it automatically.

How skills work

A skill lives in a directory with a SKILL.md at its root.
The frontmatter description controls when the skill triggers.
The body holds the methodology Claude follows once the skill is active.

Adding a skill to your project

Project skills live in .claude/skills/:

Terminal

$
mkdir-p .claude/skills/my-skill

Then create .claude/skills/my-skill/SKILL.md:

SKILL.md

---
name: my-skill
description: Use when the user asks to do X. Triggers on "X", "do X", "X this page".
---

# My Skill

Step-by-step instructions Claude should follow when this skill is active...

Project vs personal skills

Project skills in .claude/skills/ ship with the repo and are shared with your team. Personal skills live in ~/.claude/skills/ and follow you across projects.

Skills that pair with this boilerplate

These skills are a strong fit for an AI-powered marketing site or web app:

frontend-design

Designs distinctive, production-grade frontend interfaces — landing pages, dashboards, UI mockups. Use it when building or redesigning a page in app/. Source: anthropics/skills.

Terminal

$
npxskills add https://github.com/anthropics/skills --skill frontend-design

high-end-visual-design

Encodes "expensive-looking" design taste: typography, spacing, shadows, and motion that push past generic AI defaults. Pair it with frontend-design for polish. Source: leonxlnx/taste-skill.

Terminal

$
npxskills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design

seo

Full SEO analysis — technical audits, schema markup, Core Web Vitals, content quality, and AI-search (GEO) optimization. Run it before launch and after major content changes. Source: AgriciDaniel/claude-seo.

Claude Code

/plugin marketplace add AgriciDaniel/claude-seo
/plugin install claude-seo@agricidaniel-claude-seo

humanizer

Rewrites AI-generated copy into natural human writing. Run it over hero copy, blog posts, and meta descriptions before publishing. Source: blader/humanizer.

Terminal

$
gitclone https://github.com/blader/humanizer ~/.claude/skills/humanizer

ghost

Drafts posts and articles in your voice using your editorial rules. Useful for the blog engine in app/blog/. There is no public source for this one: it is a personal skill you build for your own voice, using the SKILL.md scaffold above plus your writing samples and editorial rules.

Discover available skills

In a Claude Code session, skills surface automatically when your request matches. Keep skill descriptions specific so they trigger at the right moment.

← Deploy to Vercel MCP Servers →