frontend-design

SKILL.md

This skill transforms vague UI style requirements into executable, production-grade frontend code through a systematic design token approach while maintaining creative excellence. It ensures visual consistency, accessibility compliance, and maintainability across all deliverables.

Never skip token definition. All visual properties must derive from the token system.

Create comprehensive token system (see examples/css/tokens.css and examples/typescript/design-tokens.ts):

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality. Source: uholysmokes/voidverse-alt.

View raw