Aura Design System

Rules

Cursor and AI rules for the Aura Design System. Use these in .cursor/rules/ for consistent guidance.

Rules

These rules define foundations and principles for the Aura Design System. You can install them via the registry or copy them into your project's .cursor/rules/ directory.

pnpm dlx shadcn@latest add @aura/rules

Animation Rules

Animation Rules

Aura Form System

Form system — useFormDynamic, Form components, validation (validateFormData), and field composition.

Color Rules

Aura uses a 12-step color scale for both accent and gray scales. Each step has specific use cases.

DESIGN.md (narrative spec)

Installs the Cursor rule and the project root DESIGN.md (narrative spec). Add with shadcn as @aura/rule-design-md.

Icon Rules

Icon Rules

Layout & Spacing Rules (STRICT)

Enforce Aura Design System 13px spacing for Tailwind v4

Principles

They are the fundamental basis of the paradigms and methodologies that will be applied throughout our system.

Self-documenting system

Maintain a project wiki in Obsidian and keep Bruno API collections in sync with app and API changes.

Typography Rules

Typography Rules