Design and UX Cursor rules

yuqizhang1228-blip/AI-color-system

Cursor rule Cursor

A rule set for creating complete user-interface colour systems from a brand's emotional direction.

samsebeingener/visbug-mcp-ru

Cursor rule Cursor

A set of rules for applying changes from a VisBug buffer, which is a temporary list of visual edits. The rules describe how to calculate movement changes and preserve edit identifiers in the original HTML.

The-Utopia-Studio/skills

Cursor rule Cursor

Ceramic Design System rules.

arcsin1/style-generate-skill

Cursor rule Cursor

A generator that turns text, PowerPoint files, or reference images into reusable style packages containing configuration and preview files.

wghglory/ngx-lift-workspace

Cursor rule Cursor

Context: These guidelines apply specifically to the clr-lift library and the demo app. The ngx-lift library does not use Clarity Design System.

darrenhinde/slidev-ai-presenations

Cursor rule Cursor

Cursor rule "theme-selection" from darrenhinde/slidev-ai-presenations, covering slidev themes guide, working with different themes in slidev presentations, at-a-glance theme selection, project-specific theme implementation and installing themes.

liaocaoxuezhe/FigmaX

Cursor rule Cursor

A set of rules for controlling Figma, a collaborative design tool, through Cursor conversations. It covers checks, design choices, canvas work, screenshots, and exports.

victusfate/scaffold

Cursor rule Cursor

Generate or update a mermaid diagram with the .mmd text as source of truth — defaults to a lightweight zero-dependency Node live-preview server that watches the .mmd and hot-reloads a browser tab (pan/zoom), with a self-hosted mermaid.live editor via Docker, system-viewer SVG, VS Code live preview, or a public…

rizkyhaksono/portfolio-v3

Cursor rule Cursor

UI layout & surface design system for Portfolio v3. Enforce consistent boxes, sections, and page shells.

qybaihe/inkview

Cursor rule Cursor

Apply InkView to redesign websites into refined modern Chinese ink-wash interfaces.

gg-mo/stagecraft-agent-skill

Cursor rule Cursor

Premium keynote-style UI with refined motion. Dark, minimal, cinematic reveals. Trigger words — "premium," "polished," "cinematic," "Apple-like," "keynote," "launch page," "product reveal," "elevate this screen," "audit this UI.".

powehi-eu/ui-motion-workflow

Cursor rule Cursor

Orchestrate motion-aware UI work by sequencing direction, provider choice, implementation, and browser validation.

albegosu/micrographic-skill

Cursor rule Cursor

Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.

moasq/ios-dev-agent

Cursor rule Cursor

Every color, font, and spacing value in the app MUST come from AppTheme. No exceptions.

Destynova2/cli-code-skills

Cursor rule Cursor

Generate GitHub-compatible Mermaid diagrams — auto-picks diagram type, splits complex ones, converts tables/kanban/PERT.

Binclusive/Binclusive-Accessibility-Skills

Cursor rule Cursor

Binclusive accessibility workflow — map, audit, and fix accessibility issues using the canonical Agent Skills as the source of truth.

ensayiti/The-Morphism

Cursor rule Cursor

The Morphism — anti-slop aesthetic design system. Apply to all UI design work.

Seeed-Solution/csg-design-system

Cursor rule Cursor

Generates React + CSS Module components matching the CSG Design System (SenseCraft AI). Activate when building UI components, buttons, inputs, cards, modals, badges, or navigation.

yodakeisuke/mcp-desicive

Cursor rule Cursor

A set of frontend development rules covering file design, data access, changes to data, state management, performance, and assets.

savagelysubtle/BIG-BRAIN-Memory-Bank

Cursor rule Cursor

description: WHEN approaching design-intensive tasks APPLY structured creative processes globs: ["/.md", "/.mdc"] alwaysApply: true.

ymm-oss/try-and-learn-figma-mcp-server-book

Cursor rule Cursor

Welcome to the Simple Design System repository! This is a comprehensive React-based design system with Figma integration using Code Connect. This guide will help you understand how to work with the codebase effectively.

azuma520/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.

divikwu/figcraft

Cursor rule Cursor

FigCraft Figma design creation rules.

ChenyCHENYU/wl-skills-design

Cursor rule Cursor

A routing guide for product-design tasks. It selects a released set of instructions for work such as requirements, diagrams, databases, APIs, reviews, and change analysis.