AI skills
for the work you actually do
Pick a task. Get the right tools, and the steps to use them well.
Works inClaudeChatGPTCodexGeminiCursorCopilot
What are you working on?Pick one and get the right skill for every step.
Design a screen that looks right
Six steps, from idea to polished UI
- 01Brief
- 02Structure in grey
- 03Type and colour
- +3 more steps
From brand to polished UI
Start from an existing brand and end with a reviewed, on-brand interface. Your agent extracts the brand, specs the UI, builds it and polishes the detail.
- 01Brand Extract
- 02Generate Ui From Brand
- 03Frontend Design
- +1 more step
From Figma to launch-ready asset
Take a single Figma frame and ship the full asset kit a launch needs — copy, code, social, the lot.
- 01Figma Dev Mode MCP
- 02Frontend Design
- 03Canvas Design
- +2 more steps
Research notes to an insight deck
Go from a stack of interview notes to a short deck stakeholders actually read, with the evidence attached.
- 01User Interview Prep
- 02User Research
- 03Customer Journey Map
- +2 more steps
Health check for your design system
Find out where tokens, components and code have drifted apart, and ship the fixes with clear release notes.
- 01Figma Dev Mode MCP
- 02Token Audit
- 03Component Audit
- +2 more steps
Accessibility pass before launch
Check a release against WCAG 2.2 AA from design to live page, and fix issues at the component level so they stay fixed.
- 01Wcag Accessibility
- 02Contrast Check
- 03Axe Accessibility MCP
- +2 more steps
Built something designers, product managers or developers should know about?
Submit it for review. Free to list.