Skills
What are skills?
Skills are instructions that teach Claude how to perform specific tasks. This template comes with skills pre-installed so Claude already knows how to build Figma plugins.
Installed skills
build-figma-plugin
The main skill. Describe your plugin idea in plain English and Claude generates everything:
- Plugin code (Figma API interactions)
- UI code (React components)
- Message types (communication between plugin and UI)
- Build validation (ensures the output works)
- Installation guide (how to load it into Figma)
This is a custom skill built specifically for this template.
frontend-design
Generates polished, intentional UI that avoids the "generic AI look". Guides typography, color, and layout decisions.
shadcn
Knows how to correctly generate and compose shadcn/ui components — the same component library this template uses.
find-skills
Discover and install new skills from the skills ecosystem. If you need a capability that's not built in, this skill helps you find it.
skill-creator
For power users: create your own custom skills for patterns you use repeatedly.
figma-use + figma-api
Reference skills that help Claude understand the Figma API and use Figma-related MCP tools.