Agent Skills
The skills I use to design and ship with Claude, Codex and Cursor.
- Concept labBuild 3-5 real concepts side by side and let the user pick one.
- UnuglyFind what makes AI-built UI look generic, fix it once approved.
- Review a screenCheck a screen in the browser at real sizes, like a designer would.
- Polish a design systemFind hard-coded colours, propose tokens, apply them once approved.
- Token foundationsBuild or audit semantic design tokens in OKLCH, light and dark.
- Design within what existsChange a screen with the patterns it already has, not new ones.
- Verify workProve a change works with real checks before calling it done.
- Tokens to FigmaPush a codebase's design tokens into Figma as variables and modes.
- Wrap upClose a task: list the changes, fix stale docs, run checks, draft the commit.
- EvolveAudit one part of the code and rank what to improve. Changes nothing.
- Frontend designSet a deliberate direction for new UI, before anything is built.Anthropic, by Anthropic, anthropics/skills, Apache-2.0 (opens in a new tab)
- Skill creatorWrite, test and tune your own agent skills.Anthropic, by Anthropic, anthropics/skills, Apache-2.0 (opens in a new tab)
- BrainstormingShape an idea into a design before anything gets built.Jesse Vincent, by Jesse Vincent, obra/superpowers, MIT (opens in a new tab)
- Systematic debuggingFind a bug's root cause before proposing a fix.Jesse Vincent, by Jesse Vincent, obra/superpowers, MIT (opens in a new tab)
Design to codeTurn a Figma design into code through Figma's MCP server.Figma, by Figma, figma/mcp-server-guide, no licence stated (opens in a new tab)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='9.5'%20style='fill:%231a73e8'/%3e%3cpath%20d='M34.3913,30.0029,24.0007,48A23.994,23.994,0,0,0,44.78,12.0031H23.9989l-.0025.0093A11.985,11.985,0,0,1,34.3913,30.0029Z'%20style='fill:url(%23b)'/%3e%3cpath%20d='M13.6086,30.0031,3.218,12.006A23.994,23.994,0,0,0,24.0025,48L34.3931,30.0029l-.0067-.0068a11.9852,11.9852,0,0,1-20.7778.007Z'%20style='fill:url(%23c)'/%3e%3c/svg%3e)
Accessibility debuggingAudit semantics, labels, focus, keyboard, tap targets and contrast in the browser.Chrome DevTools, by Chrome DevTools, ChromeDevTools/chrome-devtools-mcp, Apache-2.0 (opens in a new tab)- Debug LCPFind and fix what slows the largest content paint.Chrome DevTools, by Chrome DevTools, ChromeDevTools/chrome-devtools-mcp, Apache-2.0 (opens in a new tab)