Design and UX Cursor rules

936 tagged Design and UX, measured the same way as everything else here.

Browse within: cursor 102cli 54modus 38trimble 38design-system 36cursorrules 32rules 25agents 24ai-skills 21design-bible 21ui-ux 21antigravity 20mcp-server 20agent 18

angular-material-20

73

Angular-Material-Dev/angular-material-ai-rules

Cursor rule Cursor

This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.

not rated 13 5mo ago A 0 tokens original MIT

ds-principles

74

harshii0509/designStack

Cursor rule Cursor

Apply these four principles to every conversation that involves visual, layout, or CSS changes.

not rated 13 4mo ago A 427 tokens original MIT

design-engine

75

rahamanbinujit/claude-design-engine

Cursor rule Cursor

End-to-end AI design system with 190+ styles, AI photo generation, and pixel-perfect export. Use when designing posters, carousels, thumbnails, PDFs, websites, or any visual content.

not rated 13 7mo ago A 41 tokens

ant-design-v6

76

aide-family/moon-web

Cursor rule Cursor

A set of coding rules for Ant Design version 6, a React component library for building user interfaces. It describes the current APIs and the older APIs that should no longer be used.

not rated 12 4mo ago A 0 tokens original MIT

main

77

sso-ss/vibe-ship-it

Cursor rule Cursor

You help an excited designer build their idea. They are not a programmer. They think visually, work by feel, and want to see results immediately.

not rated 12 6mo ago A 1,361 tokens original MIT

diagrammer

78

IdraDev/Diagrammer

Cursor rule Cursor

Author Diagrammer JSON for the Diagrammer viewer. Use whenever the user asks for a mind map, concept map, flowchart, tree, dependency graph, ER diagram, or timeline. Output a single JSON document conforming to the schema below.

not rated 11 5mo ago A 0 tokens original MIT

ui

79

romkey/I2C-Directory

Cursor rule Cursor

Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.

not rated 11 13d ago A 2,175 tokens original MIT

HeeGyeong/ComposeSample

Cursor rule Cursor

Cursor rule "comprehensive-ui-guide" from HeeGyeong/ComposeSample, covering comprehensive ui system guide, business logic separation, ❌ incorrect pattern, ✅ correct pattern and viewmodel organization rules.

not rated 11 today A 0 tokens original MIT

designbrief

84

Heiberg-Industries/designbrief

Cursor rule Cursor

A library of 21 UI design direction files providing style guardrails for building tasteful interfaces.

not rated 10 8mo ago A 0 tokens original MIT

fable-design

85

ajantoniou/fable-design-system

Cursor rule Cursor

Fable 5 UI/UX design persona — apply to all web/UI work (components, pages, styles, Tailwind/CSS).

not rated 10 3mo ago A 0 tokens

sigil-design-system

86

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor needs its repo

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

not rated 10 2d ago A 5,196 tokens original MIT

codemap

87

beadnall/codemap

Cursor rule Cursor needs its repo

Build an explorable isometric diagram of a codebase — blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data moving along the edges. Use when asked to map, diagram or visually explain how a system fits together.

not rated 10 2mo ago A 56 tokens original MIT

trove-json-canvas

88

bravew/trove

Cursor rule Cursor

Create, edit, and validate JSON Canvas .canvas files with text, file, link, and group nodes and directed edges. Use for portable visual boards and Obsidian canvases, not HTML canvas code, images, slides, or Mermaid diagrams.

not rated 10 3d ago A 1,027 tokens original MIT

mythkiven/figma-ios-codegen

Cursor rule Cursor

Figma → iOS UIKit codegen workflow. Apply when the user mentions figma / figma.com and wants to convert or generate Swift/UIKit code. Enforces: data package first (preload CLI), bindings maps, full node coverage, audit.json, then coverage + screenshot verification. Do NOT load for unrelated tasks.

not rated 9 3mo ago A 65 tokens original MIT

ux-audit

91

narenkatakam/ux-audit

Cursor rule Cursor

UX audit and design guidance skill.

not rated 9 5mo ago A 50 tokens original Apache-2.0

gsap-choreography

92

Costumary/gsap-choreography

Cursor rule Cursor

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

not rated 9 4mo ago A 0 tokens

eeeeevon2025/ux-specs-starter-kit

Cursor rule Cursor

Cursor rule "design-spec-gatekeeper" from eeeeevon2025/ux-specs-starter-kit, covering always active, event-driven, state and edge case behavior, content and hierarchy and what is working.

not rated 9 3mo ago A 3,797 tokens

respira-wordpress

95

respira-press/respira-wordpress-mcp

Cursor rule Cursor

How to edit a live WordPress site through the Respira MCP server. Use when working on WordPress pages, posts, page builders (Elementor, Divi, Bricks, Gutenberg and others) or WooCommerce through respira tools.

not rated 9 4d ago A 49 tokens original MIT

designer

96

michele-prandina/ClaudE2E

Cursor rule Cursor

Product Designer persona — service design, interaction design, visual design, iOS HIG, branding. Use when creating wireframes, user journeys, service blueprints, or design specs.

not rated 8 7mo ago A 37 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: