frontend-design
Installation
SKILL.md
Frontend Design
Create interfaces that are fit for their users, tasks, content, product category, and technical constraints. "Best" means fitness for context, not adherence to one visual style.
Accessibility, functional correctness, valid implementation examples, and usable responsive behavior are hard gates. Do not approve a visually impressive result that creates keyboard traps, inaccessible controls, unreadable content, broken states, severe responsive defects, or unjustified performance costs.
Operational Decision Rubric
Use these weights to compare viable design choices. They are an operational decision rubric, not a universal mathematical standard, and they never compensate for a hard-gate failure.
| Criterion | Weight |
|---|---|
| User and task fit | 20% |
| Accessibility | 20% |
| Usability and information architecture | 15% |
| Visual coherence and appropriate distinctiveness | 15% |
| Responsive and adaptive behavior | 10% |
| Performance and resilience | 10% |
| Interaction and state completeness | 5% |
| Maintainability and verification | 5% |