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

Michael-Obele/shadcn-svelte-mcp

Cursor rule Cursor

Shadcn Svelte UI specialist — use when building or redesigning SvelteKit pages/components with shadcn-svelte, Bits UI, theming, icons, or install commands.

not rated 58 +1 changed 14d ago A 37 tokens original MIT

frontend

26

gracefullight/stock-checker

Cursor rule Cursor

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

not rated 49 +1 changed 15d ago A 0 tokens

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 3d ago A 77 tokens

frontend

28

gracefullight/krds

Cursor rule Cursor

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

not rated 46 12d ago A 0 tokens

Kevin-Liu-01/Agent-Machines

Cursor rule Cursor

Reticle grid layout pattern — structural grid, hairline borders, margins, gutters, and rounded cards in cells. Apply when building or editing any page-level section grid in the Agent Machines landing page.

not rated 30 yesterday A 0 tokens original MIT

pwa

32

pubky/pubky-app

Cursor rule Cursor

PWA / service worker — shell-only precache, no data caching, user-consented updates, static offline fallback, manifest and install banner.

not rated 26 today A 0 tokens original MIT

templates

33

seite-sh/seite

Cursor rule Cursor

Tera template variables, blocks, and theme conventions.

not rated 25 +2 yesterday A 0 tokens original MIT

aura-design

35

Horosheff/aura-designer

Cursor rule Cursor

A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.

not rated 21 5mo ago A 2,007 tokens original MIT

wirekit

37

pushery/wirekit

Cursor rule Cursor

WireKit component library conventions for AI tooling.

not rated 20 +2 changed 2d ago A 0 tokens original

frontend

38

gabrielmoreira/agent-skills-mirror

Cursor rule Cursor

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Ant Design Vue, and UnoCSS, with a deep understanding of best practices and performance optimization techniques in these technologies.

not rated 19 yesterday A 0 tokens original MIT

frontend-10x-system

39

Kevin-Liu-01/Loop

Cursor rule Cursor

High-signal frontend art direction, system design, and anti-generic guardrails.

not rated 18 yesterday A 790 tokens original MIT

clean-dom

40

movahedan/monobun

Cursor rule Cursor

HTML semantic elements, DOM structure, responsive images, forms, CSS, and Tailwind best practices with accessibility a11y.

not rated 18 3d ago A 0 tokens original MIT

asap-protocol/asap-protocol

Cursor rule Cursor

Standards for modern Frontend development using Next.js 16 (App Router), React 19, Tailwind CSS v4, and Shadcn/UI. Apply when working on apps/web or packages/ui.

not rated 16 today A 0 tokens original Apache-2.0

new-control

42

tobitege/Flowery.Uno

Cursor rule Cursor needs its repo

This rule outlines the complete workflow for creating a new control in Flowery.Uno, whether it's a brand new control or a port from another library.

not rated 16 yesterday A 0 tokens original MIT

cursorrules

43

awbx/fhir-dsl

Cursor rule Cursor

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

not rated 15 5mo ago A 45 tokens copy · 100% MIT

ui-components

44

omergulcicek/omergulcicek.com

Cursor rule Cursor

USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.

not rated 15 9d ago A 0 tokens original MIT

custom-component

45

shapediver/AppBuilderSdk

Cursor rule Cursor

Guide for creating React components using the useProps pattern with Mantine for centralized theme-based styling. Apply when creating or modifying components that need theme integration.

not rated 15 yesterday A 0 tokens original MIT

angular-material-20

46

Angular-Material-Dev/angular-material-ai-rules

Cursor rule Cursor

This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.

not rated 13 5mo ago A 0 tokens original MIT

best-practices

47

ofershap/tailwind-best-practices

Cursor rule Cursor

Tailwind CSS Best Practices - enforces v4 syntax and CSS-first config when working with Tailwind code.

not rated 13 8mo ago A 272 tokens original MIT

frontend

48

gsinghjay/zodiac-engine

Cursor rule Cursor

This document outlines the frontend architecture, patterns and best practices for the Zodiac Engine web interface. The frontend uses a server-rendered approach with progressive enhancement via HTMX, styled with Bootstrap and minimal custom CSS.

not rated 12 4mo ago A 41 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: