CSS and styling cursor rules

unstackedapps/opensuitemcp

Cursor rule Cursor

Mobile-first UI for settings, dialogs, and lists — smaller type, stacked layouts, nested add dialogs.

VirtusLab-Open-Source/astro-strapi-starter

Cursor rule Cursor

Tailwind CSS 4 + shadcn-style UI — global.css, components.json, cn(), Astro + React.

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.

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.

Horosheff/aura-designer

Cursor rule Cursor

A pair of design instructions for Aura Designer: one selects similar Google Fonts, including fonts that support Cyrillic writing, and the other copies shapes, borders, and shadows from a reference.

louisbrulenaudet/monorepo-template

Cursor rule Cursor

Tailwind CSS v4 - CSS-first config, @source detection, @theme tokens, semantic dark-mode tokens, static-string classes, and the enforced better-tailwindcss lint set.

Kevin-Liu-01/Loop

Cursor rule Cursor

Motion, parallax, 3D, shader, and performance rules for distinctive frontend work.

Kevin-Liu-01/Loop

Cursor rule Cursor

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

movahedan/monobun

Cursor rule Cursor

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

Boise-State-Development/agentcore-public-stack

Cursor rule Cursor

Best practices for using and upgrading Tailwind CSS.

materialize-labs/ai-optimized-starter-app

Cursor rule Cursor

Follow these rules when working on the frontend.

omergulcicek/omergulcicek.com

Cursor rule Cursor

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

uizze/uizze

Cursor rule Cursor

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

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.

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.

baijum/ukulele-companion

Cursor rule Cursor

Compose scroll/coroutine patterns — prevent programmatic scroll from being mistaken for user scroll, cancellation-safe flag resets.

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.