Frontend Design 用于指导创建独特、生产级且设计质量高的前端界面，避免通用的“AI slop”审美，并以真实可运行的代码实现，强调对美学细节与创意选择的关注。
适用场景：用户要求构建 web 组件、页面、artifacts、海报或应用时使用。示例包括网站与落地页、仪表盘与数据可视化、React 组件或 HTML/CSS 布局，以及任意 web UI 的样式美化。
设计理念：编码前先理解上下文并确定大胆的美学方向。先明确用途——该界面解决什么问题、供谁使用；再选择一种极端的审美基调，例如极简、极繁混乱、复古未来、有机自然、奢华精致、玩趣、杂志编辑、粗野原始、装饰几何、柔和粉彩、工业实用等。
关键规则：禁止使用通用 AI 生成审美，包括滥用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调配色（尤其是白底紫色渐变）、可预测的布局与组件模式、缺乏上下文特征的模板化设计，以及 Space Grotesk 等趋同字体选择。应创意诠释并做出意外选择，让设计真正贴合上下文；在浅色与深色主题间变化；不同项目使用不同字体；应用不同美学，不重复同一设计。
实现指南：实现复杂度应与美学愿景匹配——极繁设计需要包含大量动画与效果的精细代码；极简或精致设计则需要克制、精确，注重间距、字体排版与微妙细节。技术标准包括编写生产级代码、实现真实可用功能、高度关注美学细节、做出大胆创意选择、确保响应式并优化性能。
示例方向：极简金融仪表盘可用等宽字体（JetBrains Mono）、灰阶配单一强调色、精确间距与微妙微交互；极繁创意作品集可用粗体展示字体（可变字体）、鲜艳撞色、分层动画与视差、非常规网格布局；粗野 SaaS 落地页可用意外的超大系统字体、黑白红高对比、非对称布局、锐利边缘与粗重边框。