Cursor

5 essential UI design skills for Cursor

Generate design tokens, audit components, translate Figma to code, and apply brand consistency without losing visual integrity.

5 skill files — download free

How to install

Install into Cursor

Drop any .md from this page into the path below in your project root. Cursor discovers the skill automatically.

.cursor/skills/[skill-name]/SKILL.md

Skill files

Install into Cursor · Drop in your project root
Skill .md

Frontend Design

frontend-design.md

UI/UX standards: design tokens, component patterns, spacing systems, accessibility heuristics. Anthropic's official base layer.

Skill .md

Theme Factory

theme-factory.md

Apply professional font and colour themes to artifacts (slides, docs, reports, landing pages). Ten pre-set themes plus custom.

Skill .md

Brand Guidelines

brand-guidelines.md

Apply brand colours and typography consistently across every artifact your tools produce.

Skill .md

Figma Implement Design

figma-implement-design.md

Translate Figma designs into production code with pixel-perfect accuracy via Figma MCP. The category-defining design-to-code skill.

Skill .md

Awesome Design MD

awesome-design-md.md

Generate UI from real design system tokens of 55+ brands (Apple, Stripe, Vercel, Cursor, Spotify, Linear). Build me a page like Stripe works literally.

Same use case, different tool

Claude Code

5 essential UI design skills for Claude Code

0 prompts · 5 skill files

Codex

5 essential UI design skills for Codex

0 prompts · 5 skill files

Gemini CLI

5 essential UI design skills for Gemini CLI

0 prompts · 5 skill files

← Back to resource library