House rules
Conventions PROKeep the codebase consistent
The conventions that keep pasted components looking like one system: token-only colors, the shared prop vocabulary, extending instead of forking, motion and accessibility rules.
- 254 lines
- 1,638 words
- 10 KB
- Updated 2026-07-21
The skill
Checking your access…
One moment.
What it covers
- Reuse before building new UI
- Zero hardcoded colors, both themes
- The shared prop vocabulary
- Globals imported once, helpers shared
- Reduced motion and a11y rules
- Pre-merge review checklist
Best for: Teams shipping UI on top of Vuesax.
Where the file goes
Same content everywhere — only the location changes. Restart the editor afterwards; instruction files are read at startup, not per message.
| Editor | Path | Applies to |
|---|---|---|
| Claude Code | ~/.claude/skills/vuesax-rules/SKILL.md | Every project |
| Claude Code | <repo>/.claude/skills/vuesax-rules/SKILL.md | This project only |
| Cursor | .cursor/rules/vuesax-rules.mdc | This project only |
| VS Code (Copilot) | .github/copilot-instructions.md | This project only |
| Windsurf | .windsurfrules | This project only |
| Zed | .rules | This project only |