From plugin-creator
Use this skill when authoring a `SKILL.md` for a Claude Code plugin (a directory under `skills/`). It explains the required YAML frontmatter, when-to-use phrasing, supporting assets, and how to register the skill in `plugin.json`.
How this skill is triggered — by the user, by Claude, or both
Slash command
/plugin-creator:writing-skillsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A skill is a directory: `<plugin-name>/skills/<skill-name>/`. At minimum it
A skill is a directory: <plugin-name>/skills/<skill-name>/. At minimum it
contains a SKILL.md; it may also contain templates, scripts, or other
reference files Claude can read on demand.
---
name: <kebab-case-name>
description: One or two sentences telling Claude WHEN to load this skill.
---
# <Human Title>
<Short intro: what this skill is for.>
## When to use
- Bullet a few concrete triggers ("when the user asks to ...").
## How to apply
1. Step-by-step guidance Claude should follow.
2. ...
## References
- Link to supporting files in the same directory (e.g. `templates/foo.md`).
name (required): kebab-case, must match the directory name.description (required): action-oriented, mention the trigger phrase.
This is what Claude reads to decide whether to load the skill.SKILL.md, and reference them by relative path.Skills are registered by directory, not by file:
{
"skills": ["./skills/<skill-name>"]
}
name frontmatter, and the skill's identity all match.description clearly signals when Claude should load this skill.SKILL.md and are linked.plugin.json skills.npx claudepluginhub louleowk/awesome-plugins --plugin plugin-creatorProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.