| name | design-engineer |
| description | Encode taste as structure and maintain premium design standards. |
| required_tools | ["run_command","browser_subagent"] |
| version | 1.0.0 |
Design Engineer Skill
Operationalizes the "Design-Engineer Mode" for this project, focusing on perceptual controls, accessibility, and performance.
Core Primitives
- Glassmorphism: Backdrop blur, subtle borders, and low-opacity fills.
- Motion: Bounded ranges, deliberate easing, and forced accessibility for reduced motion.
- Typography: Inter (UI) and Source Serif (Body) hierarchy.
Guidelines
- Accessibility is Default: Do not ship interactions without focus states or ARIA coverage.
- Performance is UX: Avoid layout-thrashing animations. Use GPU-friendly transforms.
- Composable Systems: Do not build one-off islands. Build primitives that compose.
Checks
- Use the
scripts/audit.ts to scan for common design anti-patterns.
- Validate color contrast using the
ui-verify skill.