CSS and styling Cursor rules

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

Browse within: cursor 93cli 60cursorrules 58modus 46trimble 46cursor-rules 24agent 22LLM 21awesome-list 21awesome 19cursor-ai-editor 19nextjs 19design-system 16agents 15

Helicone/helicone

Cursor rule Cursor

// ✅ Do this import { H1, P, Small, Muted } from "@/components/ui/typography".

not rated 6.2k +13 8d ago A 3,001 tokens original Apache-2.0

design

02

AgentOps-AI/agentops

Cursor rule Cursor

All tasks related to updating frontend components, CSS, and general styling.

not rated 5.9k +10 3mo ago A 13 tokens original MIT

dtyq/magic

Cursor rule Cursor

A guide to building new components with shadcn/ui and Tailwind CSS, a utility-based system for styling interfaces.

not rated 5.0k +3 2mo ago A 13 tokens

tailwindcss

04

agentset-ai/agentset

Cursor rule Cursor

Best practices for using Tailwind CSS.

not rated 2.1k +6 4d ago A 2,753 tokens original MIT

cursorrules

05

TanStack/cli

Cursor rule Cursor

// Solid.js with Tailwind CSS .cursorrules.

not rated 1.3k +2 yesterday A 266 tokens original MIT

KroMiose/nekro-agent

Cursor rule Cursor

Frontend theme-system rules for NekroAgent, covering the theme architecture, core file structure, design principles, and usage guidance. A theme system controls shared visual choices such as colors, typography, and layouts.

not rated 1.1k +10 9d ago A 6,881 tokens

finesse-ui

08

mouse-lin/finesse-skill

Cursor rule Cursor

The references/.md files are the deep material. Load the one you need for the current phase — do not inline all of them.

not rated 812 +60 2mo ago A 0 tokens original MIT

soaring-xiongkulu/easyaiot

Cursor rule Cursor

A CSS styling guide for a uni-app project using UnoCSS, an on-demand utility-class system, and SCSS, a CSS extension language. It covers component styles, naming, shared variables, responsive layouts, and platform differences.

not rated 746 +8 2d ago A 420 tokens original MIT

ui

10

AIDotNet/koala-ai

Cursor rule Cursor

A set of instructions for designing and building polished React user interfaces, including layouts, styling, animation, and interaction behavior. React is a JavaScript library for building interfaces from reusable components.

not rated 477 1y ago A 0 tokens original Apache-2.0

css-styling

11

Consensys/doc.linea

Cursor rule Cursor

CSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code.

not rated 474 1mo ago A 0 tokens original Apache-2.0

databrickslabs/ontobricks

Cursor rule Cursor

This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.

not rated 417 +10 changed 1mo ago A 0 tokens

educlopez/ui-craft

Cursor rule Cursor

UI Craft dense-dashboard variant — admin / data-heavy operator tools.

not rated 388 +10 3d ago A 13 tokens original MIT

ui-aesthetics

14

kasonye/ui-aesthetics-skill

Cursor rule Cursor

Use when generating, reviewing, or refactoring web UI that needs cleaner composition, more precise component craftsmanship, calmer state behavior, restrained motion, or a more coherent depth system.

not rated 384 +2 6mo ago A 35 tokens

zelda-hyrule-ui

15

chaos-xxl/zelda-hyrule-ui

Cursor rule Cursor

Build UI in the style of The Legend of Zelda Breath of the Wild — dark Sheikah-slate theme, double borders, Sheikah-blue glow. Pairs with the zelda-hyrule-ui React library.

not rated 348 +1 3mo ago A 917 tokens

ucss

16

cool-team-official/cool-unix

Cursor rule Cursor

Uni-App X implements a subset of Web CSS on the App platform.

not rated 313 +1 8mo ago A 544 tokens

dig-ui

17

originaleric/dig-ui-skill

Cursor rule Cursor

Use Dig UI design system, catalogs, layouts, CSS tokens, typography, spacing, dashboard/runtime/marketing/docs visual language, and frontend UI review.

not rated 232 yesterday A 30 tokens original Apache-2.0

color

18

innei-template/smart-webapp-template

Cursor rule Cursor

You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.

not rated 143 12d ago A 3 tokens original MIT

TheGoat395/Codex-Skills

Cursor rule Cursor

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

not rated 128 +1 1mo ago A 0 tokens original MIT

cursorrules

20

jherr/mcp-client-and-server

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 121 1y ago A 43 tokens

ultracite

21

MystenLabs/MemWal

Cursor rule Cursor

Ultracite Rules - AI-Ready Formatter and Linter.

not rated 120 +3 yesterday A 3,481 tokens copy · 100% Apache-2.0

fasthtml

22

ai-evals-course/isaac-fasthtml-workshop

Cursor rule Cursor

The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.

not rated 72 +1 1y ago A 0 tokens

uizze/uizze

Cursor rule Cursor

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

not rated 61 +11 5d ago A 177 tokens original MIT

temu-v0

24

max/temu-v0

Cursor rule Cursor

This is a project using Vite, TypeScript, Tailwind CSS, shadcn/ui, and React. It is used as a prototyping environment for front-end experiences.

not rated 58 1y ago A 230 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: