frontend-design

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):

通过系统设计标记、可访问性合规性和创造性执行，将 UI 样式要求转换为可生产的前端​​代码。在构建网站、Web 应用程序、React/Vue 组件、仪表板、登陆页面或任何需要设计一致性和美观质量的 Web UI 时使用。 来源：answerzhao/agent-skills。