micrographic
121Cursor rule Cursor
Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.
443 tagged CSS and styling, measured the same way as everything else here.
Browse within: cursor-rules 20cursorrules 16modus 15trimble 15design-system 13nextjs 13css 11design-tokens 10component-library 7cursor-ai 7cursor-plugin 7fastapi 7vibe-coding 7design-language 6
Cursor rule Cursor
Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.
Cursor rule Cursor
USE WHEN: working with Shadcn UI, Tailwind CSS, Lucide icons, or Sonner toasts.
studioalexwolf/cursor-design-rules
Cursor rule Cursor
Circular buttons MUST be FIXED width = FIXED height with cornerRadius = size/2. Never use HUG or AUTO sizing on circular buttons.
Institut-du-Numerique-Responsable/skill-nr
Cursor rule Cursor
Règles d'écoconception pour le code frontend (HTML, CSS, JS, images), alignées sur le RGESN et le GR491.
Cursor rule Cursor
Tailwind class composition via cn (clsx + twMerge), not string ternaries.
Cursor rule
Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.
Cursor rule
A CSS layout rule for keeping a sidebar from becoming too wide when a menu has many items. The description does not include the exact CSS settings.
Cursor rule Cursor
UI/UX standards for Akashi webviews (sidebar + panels).
Cursor rule Cursor
Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.
Cursor rule Cursor
Regras de UI e design system do Travels App — tokens, componentes e experiência do usuário.
Cursor rule Cursor
A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.
Cursor rule Cursor
Neobrutalist design system for slideshot webapp UI.
Cursor rule Cursor
Cursor rule "cursorrules" from Forge-Space/ui-mcp, covering uiforge mcp cursor rules, environment setup, development guidelines, component library integration and figma integration.
Cursor rule Cursor
A brief summary of what the skill does and its core philosophy.
RoninForge/roninforge-tailwind-v4
Cursor rule
Tailwind CSS v4 anti-pattern detection. Prevents the most common AI-generated mistakes: version mixing, deprecated config patterns, and removed utilities.
RoninForge/roninforge-tailwind-v4
Cursor rule
Tailwind CSS v4 configuration rules for CSS and build tool files. Covers @theme, @source, @import, PostCSS, and Vite plugin setup.
RoninForge/roninforge-tailwind-v4
Cursor rule
Core Tailwind CSS v4 rules. Enforces correct v4 syntax and prevents common v3 fallbacks. Attach to all conversations involving Tailwind CSS.
Cursor rule
Frontend development standards, best practices, and conventions for the LTI React application including component patterns, state management, UI/UX guidelines, and testing practices.
Raul-Marin/Figma-Color-Extractor
Cursor rule Cursor
Reglas de conversión de color OKLCH para este proyecto. Se aplican cuando se generan rampas de color, se extraen colores de imágenes, o se crean variables de color.
Cursor rule Cursor
Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…
nicolethoen/patternfly-vite-seed-app
Cursor rule Cursor
Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.
Cursor rule Cursor
TailwindCSS Styling Best Practices.
Cursor rule Cursor
Apply Tailwind CSS v4.1 standards for modern CSS development, focusing on CSS-based configuration, updated utility/variant syntax, and removal of deprecated features when writing CSS or using Tailwind utilities in various frameworks.
mattcsnyder/7-day-mobile-and-web-design-skill
Cursor rule Cursor
A seven-day design workflow for web products that will be built in Next.js.