（8504期）Frontend Design – 拒绝模板，铸造独特视觉身份

拒绝模板，铸造独特视觉身份 由专业设计团队打造的精品前端开发技能，拒绝千篇一律的AI美学，通过定制化设计系统、刻意选择的排版与色彩，为每个项目创造独特的视觉身份。 使用说明 核心用法 frontend-design 技能定位于为 Web 项目创建高品质、差异化的前端界面。它并非简单的代码生成工具，而是一套完整的设计方法论：从深入理解项目主题、定义目标受众，到构建独特的视觉语言，最终实现可落地的生产级代码。 使用流程采用双阶段验证机制： 策划阶段：基于用户 brief 制定设计计划，包含 4-6 色定制色板、2+ 字体角色（展示字体+正文字体）、布局概念（ASCII 线框辅助）、以及一个标志性签名元素 评审阶段：对照设计原则自检——是否落入三大 AI 默认风格（暖米色系/黑底荧光绿/报纸排版），是否为特定 brief 做出了有意识的、可辩护的选择 显著优点 反模板化的设计哲学：明确识别并规避当前 AI 设计的三大聚类风格，强制要求每个项目在色彩、排版、动效上做出有观点的决策。通过"取掉一件配饰"的香奈儿原则，培养设计克制与精准。 主题驱动的设计系统：要求从项目本身的材料、工具、文化中提炼视觉语言，而非套用通用 SaaS 或科技创业公司的视觉套路。英雄区域必须是论点而非装饰，结构元素必须编码真实信息。 写作即设计：将文案视为设计材料而非填充物，要求从用户视角撰写主动语态、一致词汇、明确错误的实用文案，彻底告别 Lorem ipsum。 完整的质量门槛：内置 9 项交付前检查清单，涵盖无障碍（键盘焦点、减少动效偏好）、响应式、代码结构（避免选择器冲突）等生产级要求。 潜在局限 认知负荷较高：双阶段流程和频繁的自 crit 要求对简单项目可能显得冗余，不适合需要极速出稿的场景。 风格偏向小众精品：方法论明显服务于"小型工作室的高端定制"场景，对于需要快速迭代、A/B 测试驱动的规模化产品团队，其"一次大胆选择"的哲学可能限制探索空间。 动效建议保守：明确警告"额外动画贡献 AI 生成感"，对需要强品牌动效语言的项目可能需额外扩展。 适合人群 希望逃离 AI 设计同质化的独立开发者、设计师-工程师 需要为特定垂直领域（非通用 SaaS）打造品牌官网的产品团队 追求设计完整性而非功能堆砌的创意项目 有一定 CSS/设计基础，能理解并执行"选择器特异性"等技术细节的用户 常规风险 过度设计倾向：技能本身鼓励"冒险"，经验不足的用户可能在错误层面（如过度复杂的布局）花费 boldness，而非在真正重要的签名元素上。 评审主观性："是否为默认选择"的判断依赖用户自身的审美积累，缺乏客观标准可能导致自检流于形式。 技术债务：对 CSS 选择器特异性的警告表明，自动生成的代码仍可能存在维护性问题，复杂项目建议配合 CSS-in-JS 或工具链使用。 原始说明 Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener...