CSS and styling cursor rules

443 tagged CSS and styling, measured the same way as everything else here.

Browse within: cursor-rules 20cursorrules 16modus 15trimble 15design-system 13nextjs 13css 11design-tokens 10component-library 7cursor-ai 7cursor-plugin 7fastapi 7vibe-coding 7design-language 6

micrographic

121

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.

4 3mo ago A 173 tokens original MIT

66-stack-shadcn

122

Luxvil/ai-coding-rules

Cursor rule Cursor

USE WHEN: working with Shadcn UI, Tailwind CSS, Lucide icons, or Sonner toasts.

3 3d ago A 0 tokens copy · 100% MIT

cursorrules

123

studioalexwolf/cursor-design-rules

Cursor rule Cursor

Circular buttons MUST be FIXED width = FIXED height with cornerRadius = size/2. Never use HUG or AUTO sizing on circular buttons.

3 6mo ago A 2,886 tokens

styling

125

ddebixx/frontend-template

Cursor rule Cursor

Tailwind class composition via cn (clsx + twMerge), not string ternaries.

3 25d ago A 0 tokens original MIT

gokulkrishh/.cursor

Cursor rule

Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.

3 7mo ago A 1,640 tokens original MIT

kfk-prototype

127

ai-fzx/prototype-skills

Cursor rule

A CSS layout rule for keeping a sidebar from becoming too wide when a menu has many items. The description does not include the exact CSS settings.

3 5mo ago A 0 tokens

monich

129

WyvernCW/Monich

Cursor rule Cursor

Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.

3 2mo ago A 0 tokens original MIT

ui

130

Sthaynny/travels_app

Cursor rule Cursor

Regras de UI e design system do Travels App — tokens, componentes e experiência do usuário.

3 1mo ago A 0 tokens GPL-3.0

youjunxiaji/gl-mcp-feedback

Cursor rule Cursor

A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

3 2mo ago A 1,617 tokens

cursorrules

133

Forge-Space/ui-mcp

Cursor rule Cursor

Cursor rule "cursorrules" from Forge-Space/ui-mcp, covering uiforge mcp cursor rules, environment setup, development guidelines, component library integration and figma integration.

2 4mo ago A 306 tokens original MIT archived

tailwind-v4-core

137

RoninForge/roninforge-tailwind-v4

Cursor rule

Core Tailwind CSS v4 rules. Enforces correct v4 syntax and prevents common v3 fallbacks. Attach to all conversations involving Tailwind CSS.

2 2mo ago A 1,663 tokens original MIT

frontend-standards

138

ASolisEk/ai-specs

Cursor rule

Frontend development standards, best practices, and conventions for the LTI React application including component patterns, state management, UI/UX guidelines, and testing practices.

2 6mo ago A 3,798 tokens

oklch

139

Raul-Marin/Figma-Color-Extractor

Cursor rule Cursor

Reglas de conversión de color OKLCH para este proyecto. Se aplican cuando se generan rampas de color, se extraen colores de imágenes, o se crean variables de color.

2 6mo ago A 0 tokens

motion-ui

140

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

2 4mo ago A 85 tokens original MIT

nicolethoen/patternfly-vite-seed-app

Cursor rule Cursor

Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.

2 1y ago A 0 tokens

[email protected]

143

cmnemoi/cursor-rules

Cursor rule Cursor

Apply Tailwind CSS v4.1 standards for modern CSS development, focusing on CSS-based configuration, updated utility/variant syntax, and removal of deprecated features when writing CSS or using Tailwind utilities in various frameworks.

2 1y ago A 0 tokens original MIT