frontend-quality
Installation
SKILL.md
Frontend Quality Standards
Core Principles
Deliver working code, not plans. Make reasonable assumptions when not blocked. Complete implementations to a runnable state.
Avoid "AI slop." Every design choice should be intentional:
- Typography: Choose fonts that serve the content, not defaults
- Colors: Use meaningful color palettes that enhance UX
- Spacing: Consistent, purposeful rhythm
- No generic boilerplate or placeholder content
Preserve existing design systems. Before creating new components:
- Check for existing UI components in
components/ui/ - Use existing design tokens (CSS variables, Tailwind config)
- Follow established patterns and conventions
- Only introduce new patterns when necessary