CSS and styling cursor rules

ofershap/tailwind-best-practices

Cursor rule

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

harshii0509/designStack

Cursor rule Cursor

Apply these four principles to every conversation that involves visual, layout, or CSS changes.

dfirtnt/Huntable-CTI-Studio

Cursor rule Cursor

UI designer rules — theme variables, color usage, no literal hex in app code.

romkey/I2C-Directory

Cursor rule Cursor

Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.

RealistSec/mpa-first-guidelines

Cursor rule Cursor

MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.

asap-protocol/agentic-orchestration

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 src/app or src/components.

baizhiheizi/enjoy_player

Cursor rule Cursor

Adaptive page layout — EnjoyPageKind, gutters, form/hub widths.

jasonhnd/design-md-generator

Cursor rule Cursor

You have access to a design system extraction tool. When the user asks you to match a website's visual style, build UI that looks like a specific site, or create a DESIGN.md.

pushery/wirekit

Cursor rule Cursor

WireKit component library conventions for AI tooling.

evmts/guillotine-mini

Cursor rule Cursor

../../CLAUDE.md.

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.

Costumary/gsap-choreography

Cursor rule Cursor

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor

These dials drive all downstream decisions. Adjust per-prompt when the user specifies a different mood.

functorz-tech/zion-aicoding-rules

Cursor rule

React UI design rules based on Organic/Natural style with wabi-sabi aesthetics. Use when: (1) Building React components with Tailwind CSS, (2) Creating organic blob shapes and natural textures, (3) Using earth-tone color palette, (4) Implementing colored shadows (moss green/clay orange), (5) Designing cards, buttons…

bmdavis419/river-mono

Cursor rule Cursor

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

muzaffar640/commitpress

Cursor rule Cursor

Cursor rule "performance-accessibility" from muzaffar640/commitpress, covering performance and accessibility guidelines, performance optimization, image optimization, static generation and code splitting.

muzaffar640/commitpress

Cursor rule Cursor

Cursor rule "ui-components" from muzaffar640/commitpress, covering ui components, component organization, ui component guidelines, component examples and button component.

keska-labs/enterprise-skills

Cursor rule Cursor

Skill Manager webview — React 19, VS Code messaging via acquireVsCodeApi, no Node APIs.

0xjcf/MCP_CodeAnalysis

Cursor rule Cursor

Creating interfaces that adapt to different screen sizes while maintaining accessibility is essential for inclusive design. These guidelines ensure responsive designs remain accessible across devices and contexts.

ninsau/nextjs-reusable-table

Cursor rule Cursor

Rules for CSS and styling. Auto-attaches when editing CSS or Tailwind config files.

nirelbaz/promptpit

Cursor rule Cursor

Use functional components in React. Prefer Tailwind CSS classes.

cnwinds/ai-detective

Cursor rule Cursor

A colour and accessibility rulebook for the AI detective game’s interface, covering light and dark themes on desktop and mobile.

powehi-eu/ui-motion-workflow

Cursor rule

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