CSS and styling cursor rules

akinoavx13/Cursor

Cursor rule

Next.js Bootstrapper — rapidly set up a production-ready Next.js app with TypeScript, Tailwind CSS, and modern React patterns.

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.

gg-mo/stagecraft-agent-skill

Cursor rule

Premium keynote-style UI with refined motion. Dark, minimal, cinematic reveals. Trigger words — "premium," "polished," "cinematic," "Apple-like," "keynote," "launch page," "product reveal," "elevate this screen," "audit this UI.".

opensquad-ai/opensquad

Cursor rule Cursor

OpenSquad frontend visual system — soft tooling UI (Linear × Claude). Apply when editing nexuschat-pro UI, themes, or design tokens.

4ug-aug/colony

Cursor rule Cursor

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

Seeed-Solution/csg-design-system

Cursor rule

Generates React + CSS Module components matching the CSG Design System (SenseCraft AI). Activate when building UI components, buttons, inputs, cards, modals, badges, or navigation.

Seeed-Solution/csg-design-system

Cursor rule

Audits React/CSS code against the CSG Design System. Activate when reviewing UI code, checking design compliance, or before merging frontend PRs.

lucianodiisouza/primo-brutality

Cursor rule Cursor

Conventions for @primo-brutality/ui — React Native + NativeWind component library.

andvolodko/html5-game-editor

Cursor rule Cursor

Prefer named constants over unexplained numeric literals in TypeScript. Apply when editing .ts/.tsx behavior code.

zeyadelosherey/tapwisper-desktop

Cursor rule Cursor

Coding standards and formatting conventions.

mi60dev/visionaire-engine

Cursor rule

Verify rendered CSS/layout truth with Visionaire MCP after every visual edit; never claim a visual fix works without a PASS verdict.

toyamarinyon/giselle

Cursor rule Cursor

User request design mode, use this rule to enable design mode for all files.

932687738/ai_for_learing

Cursor rule Cursor

A set of instructions for answering and writing code in the QWMS/GWMS-WEB front-end project. It records the project's React, routing, state-management, UI-library, styling, build, and linting conventions.

bark-ruffalo/scanner

Cursor rule Cursor

Next.js with TypeScript and Tailwind UI best practices.

bark-ruffalo/scanner

Cursor rule Cursor

Tailwind CSS and UI component best practices for modern web applications.

dazeb/ai-project-setup-script

Cursor rule

Cursor rule "tailwind" from dazeb/ai-project-setup-script, covering general guidelines, responsive design, layout patterns, flexbox and grid.

peerigon/configs

Cursor rule

HTML and CSS best practices with accessibility focus.

andyw8/rails_rules

Cursor rule

Follow Rails 8.0 view standards with Tailwind CSS in ERB templates.

madebyaris/ultimate-mdc

Cursor rule Cursor

Comprehensive AI-friendly design system for cross-framework responsive applications.

proSamik/starterkit-nextjs-aisdk-betterauth-polar

Cursor rule Cursor

This project follows consistent UI patterns for authentication flows, form handling, and user feedback. All components use modern React patterns with TypeScript and Tailwind CSS.

sowee121/frontend-interview-vue

Cursor rule Cursor

Coding rules for Sass, a stylesheet language, and Vite, a tool that builds front-end applications. They define naming, file organization, automatic variables, and deployment paths.

maccman/ai-expo-starter-template

Cursor rule Cursor

// ✅ GOOD: Use gap for automatic spacing const styles = StyleSheet.create({ container: { gap: 16, // Consistent 16px between all children paddingBottom: 20, }, }).