thedesignproject/agent-skills

1

extract-design-system Extract design primitives from a public website and generate starter token files for your project.

thedesignproject/agent-skills

261

2

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

thedesignproject/agent-skills

229

3

ai-component-metadata Generate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component struc…

thedesignproject/agent-skills

226

4

figma-use **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` di…

thedesignproject/agent-skills

224

5

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

thedesignproject/agent-skills

211

6

accessibility Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y a…

thedesignproject/agent-skills

208

7

figma-generate-design Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section lay…

thedesignproject/agent-skills

192

8

marketing-psychology When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use wh…

thedesignproject/agent-skills

184

9

prompt-engineer Writes, refactors, and evaluates prompts for LLMs — generating optimized prompt templates, structured output schemas,…

thedesignproject/agent-skills

180

10

find-skills Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…

thedesignproject/agent-skills

173

11

agentic-design-systems Use when designing, scaffolding, extending, or auditing a component library whose primary consumer is an AI agent — i…

thedesignproject/agent-skills

165

12

caveman Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accu…

thedesignproject/agent-skills

161

13

create-skill Create Cursor Agent Skills. Use when authoring a new skill or asking about SKILL.md structure.

thedesignproject/agent-skills

154

14

writing-skills Use when creating new skills, editing existing skills, or verifying skills work before deployment

thedesignproject/agent-skills

147

15

create-prd Generate a PRD from a feature request transcript or description

thedesignproject/agent-skills

143

16

presentation Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, a…

thedesignproject/agent-skills

138

17

business-kickoff-workshop Use this skill when a designer needs to prepare for a business kickoff workshop with a new customer, or needs to fill…

thedesignproject/agent-skills

133

18

pr-branch-naming Generate a conventionally-named branch and PR title from a feature description. Use when the user is starting a new b…

thedesignproject/agent-skills

128

19

performance-review-manager Walk a manager through a full quarterly performance review for a direct report, including peer feedback synthesis, pe…

thedesignproject/agent-skills

97

20

ux-audit Professional UX and landing page audit. Identifies the top 3 critical quality issues, auto-implements fixes, and gene…

thedesignproject/agent-skills

95

21

performance-review-self-assessment Help an employee write their own self-assessment for a quarterly performance review — accomplishments, challenges, le…

thedesignproject/agent-skills

94

22

performance-review-360-peer Help someone give peer feedback for a colleague using the Non-Violent Communication framework

thedesignproject/agent-skills

92

23

product-context-builder Create or improve a repo's AGENTS.md, CLAUDE.md, PRODUCT.md, DESIGN.md, and project skills so AI agents can use the p…

thedesignproject/agent-skills

16