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

TheGoat395/Codex-Skills

Cursor rule Cursor

Apply Codex Skills standards to frontend, website, motion, accessibility, QA, agent reasoning, and handoff work.

not rated 129 +2 1mo ago A 0 tokens original MIT

motiscope

26

KumarSashank/motiscope

Cursor rule Cursor

Cursor rule "motiscope" from KumarSashank/motiscope, covering motiscope — recreate animations from screen recordings, the division of labor, commands and workflows.

not rated 124 +2 2mo ago A 11 tokens original MIT

oiloil-ui-ux-guide

27

oil-oil/ui-ux-guide

Cursor rule Cursor

Shared instructions for maintaining modern-ui-ux-review.

not rated 112 +1 1mo ago A 47 tokens original Apache-2.0

finesse-brief

29

mouse-lin/finesse-brief

Cursor rule Cursor

A product-definition method that creates a written workbench specification before anyone builds the interface. A workbench can be a personal browser page for daily records or a larger browser system with modules, pages, and data entities.

not rated 95 +7 2mo ago A 0 tokens original MIT

design

30

amaynez/kiro-style-sdd

Cursor rule Cursor

Design skill for Spec Driven Development.

not rated 79 5mo ago A 38 tokens GPL-3.0

component-builder

31

jrpease/throughline

Cursor rule Cursor

Build Figma components — buttons, inputs, cards, badges, chips, modals, and more — with variant matrices (types, sizes, states) and icon/component/content slots bound to the design system's tokens and styles. Use this when the user wants to create components, build a component library, make buttons/inputs/cards/etc.…

not rated 78 changed 3d ago A 99 tokens original MIT

cinematic-ui

32

akseolabs-seo/cinematic-ui

Cursor rule Cursor

Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.

not rated 76 +2 6mo ago A 49 tokens original MIT

cursor

33

brendanciccone/storysync

Cursor rule Cursor

Sync Storybook components and design tokens from code to Figma with storysync, measuring each variant's rendered styles rather than inferring them. Use when pushing a component library to Figma, scoring what landed against what rendered, or auditing drift between code and a Figma file.

not rated 75 +1 changed 4d ago A 56 tokens original MIT

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

not rated 63 +13 6d ago A 177 tokens original MIT

mobbin-usage

37

mobbin/mobbin-mcp-server

Cursor rule Cursor

Guidelines for using Mobbin design reference search.

not rated 61 +8 25d ago A 70 tokens original MIT

buildable

38

suntay44/buildable-plugin-skills

Cursor rule Cursor

Use Buildable's local-first builder brain for prompt-to-prototype app generation.

not rated 55 changed 1mo ago A 0 tokens original MIT

designer-skill-ui

40

PyModel/designer-skill

Cursor rule Cursor

Follow the designer-skill MCP workflow for UI and design work.

not rated 47 +1 changed 24d ago A 0 tokens original MIT

vtex/skills

Cursor rule Cursor

FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…

not rated 46 4d ago A 77 tokens

frontend

42

gracefullight/krds

Cursor rule Cursor

React/Next.js frontend coding standards with shadcn/ui, Tailwind CSS v4, and FSD-lite architecture.

not rated 46 13d ago A 0 tokens

eliornl/rolemule

Cursor rule Claude CodeCursor

Application detail page — 10-tab layout, render functions, CSS classes, data field mappings, content regeneration.

not rated 38 +1 today A 0 tokens original MIT

content-guidelines

45

MetaMask/metamask-design-system

Cursor rule Cursor

MetaMask content design rules for user-facing strings — capitalization, punctuation, voice, tone, and terminology. Component-specific copy rules live in each component's README (read via Storybook MCP).

not rated 37 3d ago A 0 tokens

cursor

46

lxxgg92/xianxin-design-workflow

Cursor rule Cursor

Project design instructions written in Chinese for creating or updating a DESIGN.md file and related UI specification and handoff documents from product requirements, reference images, or Figma designs.

not rated 35 4mo ago A 46 tokens original MIT

ion-project

48

Brisanet/ion

Cursor rule Cursor

Ion Design System - project context and conventions. Always active for all files in this repository.

not rated 31 2d ago A 670 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: