SkillCheatSheet
figma-designer
An AI agent skill from elayadesign/ai-design-skills, scored 87 out of 100 by code and Verified.
Code score by group
It loses the most points in Resources (5), the group that checks whether the body is compact, its links work and it gives an example.
What the author says it does
Design inside Figma the way this designer does: real variables, text styles, auto layout and components, on a fixed visual system (Tailwind type and radius scale, spacing tokens, two-layer color tokens, button and state rules). Use this skill whenever you create, edit or review anything in a Figma file through the Figma MCP: screens, landing pages, components, mockups, design systems, tokens, or any UI. Use it even when the user doesn't name the skill and only says things like 'design a page in Figma', 'make a button component', 'mock this up' or shares a figma.com link. Load it before writin…
This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.
- Repository
- elayadesign/ai-design-skills
- Folder
- skills/figma-designer
- License
- MIT
- GitHub stars
- 15,332
- SKILL.md lines
- 406
- Other files
- 0
Add figma-designer to your agent
npx skills add elayadesign/ai-design-skills --skill figma-designerThe command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.
Labelled for
More skills from elayadesign/ai-design-skills
-
landing-page-design
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typograph…
70B
All skills in elayadesign/ai-design-skills
Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.