byronwade/ui

Foundation · AI rules

Teach your agent the system once.

One installable rule keeps Cursor, Claude, Copilot, Windsurf and Codex building on the same tokens, no re-explaining on every edit.

byronwade-ui.mdc

What the rule enforces

Compose, don't reinvent

Existing component before a bespoke div.

Tokens, not hex

Semantic tokens only, never raw colors.

Re-skin via --brand

One variable drives the brand accent.

A11y + dark free

Labels, focus, keyboard; dark from tokens.

Readability lanes

reading-ui / reading-prose for copy; text-sm for UI.

Every tool, one rule

raw: https://ui.byronwade.com/r/design-rules.json

Cursor
installed by the command.cursor/rules/byronwade-ui.mdc
Claude Code
CLAUDE.md
GitHub Copilot
.github/copilot-instructions.md
Codex / AGENTS
AGENTS.md
Windsurf
.windsurfrules