CSS and styling cursor rules

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

Browse within: design-system 10design-tokens 7fastapi 7component-library 6design-language 6oklch 6tanstack-start 5

Helicone/helicone

Cursor rule Cursor

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

6.1k +7 2d 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.

5.8k +1 2mo ago A 13 tokens original MIT

ui-shadcn-forms

03

superplanehq/superplane

Cursor rule Cursor

Use shadcn (components/ui) for all forms; prefer existing shadcn components over custom ones.

5.7k +67 today A 0 tokens original Apache-2.0

frontend-web

04

groupultra/telegram-search

Cursor rule Cursor

Cursor rule "frontend-web" from groupultra/telegram-search, covering frontend (apps/web), routing, layouts & navigation, state & data fetching, ui, styling & ux and error handling & notifications.

4.1k +3 today A 0 tokens AGPL-3.0

tailwindcss

05

agentset-ai/agentset

Cursor rule Cursor

Best practices for using Tailwind CSS.

2.1k +3 1mo ago A 2,753 tokens original MIT

cursorrules

06

TanStack/cli

Cursor rule Cursor

// Solid.js with Tailwind CSS .cursorrules.

1.3k 25d ago A 266 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.

697 4d ago A 420 tokens original MIT

finesse-ui

09

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.

532 +12 29d ago A 0 tokens original MIT

css

10

sybrew/the-seo-framework

Cursor rule Cursor

TSF stylesheet conventions, layout debugging, and minification.

483 6d ago A 224 tokens GPL-3.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.

474 5d ago A 0 tokens original Apache-2.0

tailwind-usage

13

n9e/fe

Cursor rule Cursor

Tailwind 优先、Less 兜底;避免双写与深层选择器滥用.

302 yesterday A 0 tokens original Apache-2.0

dig-ui

14

originaleric/dig-ui-skill

Cursor rule

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

229 13d ago A 30 tokens original Apache-2.0

tailwindcss

15

davis7dotsh/river

Cursor rule Cursor

When writing code for tailwind css make sure to do the following.

227 5mo ago A 0 tokens original MIT

components

16

tsubotax/melta-ui

Cursor rule Cursor

CTA: inline-flex items-center justify-center gap-2 h-10 px-4 text-[1rem] font-medium bg-primary-500 text-white rounded-lg hover:bg-primary-700 cursor-pointer Sub: inline-flex items-center justify-center gap-2 h-10 px-4 text-[1rem] font-medium bg-white text-slate-700 border border-slate-200 rounded-lg hover:bg-gray-50…

196 16d ago A 0 tokens original MIT

general

17

Khan/wonder-blocks

Cursor rule Cursor

Wonder Blocks design system conventions, component patterns, and coding standards.

163 4d ago A 5,190 tokens original MIT

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.

142 6d ago A 3 tokens original MIT

ucss

22

dcloudio/uni-ai-x

Cursor rule Cursor

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

85 yesterday A 0 tokens original Apache-2.0

token-sync-layer

23

jrpease/throughline

Cursor rule Cursor

Sync Figma design variables into code-ready token files via DTCG JSON and Style Dictionary, emitting framework-specific outputs (shadcn/Tailwind, MUI, vanilla CSS, iOS Swift, Android Kotlin, or custom), and set up the reusable "sync figma tokens" command. Use this when the user wants to turn Figma tokens into code…

76 4d ago A 126 tokens original MIT