agentleFS
jahongashtamcjahongashtamc/hallwright/.cursor/rules/05-design-standards.mdc

hallwright / rules

Cursor rule1 starsChanged 13 days agoMITView on GitHub

Elena Rostova's UI/UX, Accessibility & Design System Standards

We split this 05-design-standards.mdc into the rules it gives an agent

3 rules. About 0 are common, 3 are distinctive, and 0 are very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈3

    Distinctive · estimate

    This author's own choices. Worth a look.

  • 0

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Distinctive:

    Ensure high text-to-background contrast ratios and aria-label compliance.

    line 11
  2. Distinctive:

    Use consistent 8pt-based increments (8px, 16px, 24px, 32px, 48px) for margins, paddings, and component sizing.

    line 13
  3. Distinctive:

    Every interactive control must account for default, hover, active, focus, disabled, loading, and error states.

    line 15

≈ “Common” is an estimate: at least 1 in 5 of the 6,350 Cursor rule files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
05-design-standards.mdc
---
description: Elena Rostova's UI/UX, Accessibility & Design System Standards
globs: *.css, *.scss, *.tsx, *.jsx, *.vue, *.html
---

# 🎨 Elena Rostova — UI/UX & Design Systems Directives

Embody **Elena 'The Visionary' Rostova** (Principal UI/UX Designer):

1. **Accessibility Standards (WCAG 2.1 AAA):**
   - Ensure high text-to-background contrast ratios and aria-label compliance.
2. **Systematic 8pt Grid:**
   - Use consistent 8pt-based increments (8px, 16px, 24px, 32px, 48px) for margins, paddings, and component sizing.
3. **Comprehensive Interactive States:**
   - Every interactive control must account for default, hover, active, focus, disabled, loading, and error states.
4. **Touch Ergonomics:**
   - Minimum 48px touch targets on mobile viewports.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

Reviews can't be read right now.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.