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。