用途：frontend-design 用于设计并实现令人印象深刻的前端界面，输出必须是真实可运行的代码，而非仅停留在情绪板层面。适用于创建新网页、落地页、仪表盘或应用 UI，设计或重做前端组件与页面，改进排版、布局、颜色、动效或整体视觉打磨，以及把概念或简报转化为高保真、已编码的界面。
主要能力：该技能要求先确定单一且大胆的美学方向并一致执行，例如粗野主义、编辑杂志风、奢华极简、复古未来、装饰艺术、手工有机等，并避免通用 AI 审美。编码前需定义视觉方向、差异化点、排版系统、颜色系统、布局策略与动效策略。实现上强调可运行代码、语义化与可访问性、响应式、CSS 变量令牌化样式，以及优先使用 CSS Grid/Flex 的现代布局。
使用方式：开始前需收集或假设目的与受众、品牌语气、技术约束、内容约束；若用户未提供，应提出 2 至 4 个针对性问题，或在简短前言中说明合理假设。若用户只要代码，可跳过解释但内部仍遵循上述流程。交付物包括带文件名或组件边界的完整代码、便于通过 CSS 变量或配置对象定制的结构，以及必要时提供内联 SVG 或生成式 CSS 图案。
适用场景：需要独特视觉方向且要求生产级代码的网页与组件设计任务。
限制：资料未提供具体框架、安装命令、收费或平台信息；其质量清单要求美学方向明确、排版有意图、布局一致、配色协调、交互不杂乱且代码可直接运行。