frontend-design 用于创建独特、生产级、具有高设计质量的前端界面，强调刻意、高级且符合当下审美的视觉与交互。它适用于用户要求构建落地页、网站、仪表盘等场景。
用途与流程：编码前先理解上下文并确定清晰的美学方向，以文本形式输出三项内容：视觉主题（一句话描述氛围、材质与能量）、内容计划（按顺序列出板块，营销页通常为 hero、支撑、细节、最终 CTA；产品 UI 优先工作区）、交互主题（2-3 个改变页面感觉的动效想法）。同时考虑目的、语气、约束与差异化。
主要能力：随后实现生产级、视觉醒目、连贯且精细的代码，支持 HTML/CSS/JS、React、Vue 等。设计上偏好从构图而非组件出发，使用全出血 hero 或全画布视觉锚点，让品牌或产品名成为最响亮的文字，文案简短易扫读，默认无卡片布局，首个视口当作海报而非文档。排版上选用独特显示字体搭配精致正文字体，避免 Arial、Inter、Roboto 等通用字体，也不收敛于常见 AI 偏好选择。色彩上坚持统一调色板，使用 CSS 变量，默认一个强调色。空间上可采用不对称、重叠、对角线、破格元素与大量留白或受控密度。背景可运用渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标与颗粒叠加。动效至少 2-3 个有意为之的动效，如 hero 入场序列、滚动联动或深度效果、悬停揭示或布局过渡，并用 @media (prefers-reduced-motion: no-preference) 包裹。
落地页默认序列为 hero、支撑、细节、最终 CTA；hero 仅一种构图，品牌页全出血无边距，品牌优先、标题其次、正文第三、CTA 第四，无卡片、统计条、logo 云、药丸按钮或浮动仪表盘。产品 UI 默认平静、密集、克制，围绕主要工作区、导航、次要上下文、一个清晰强调色组织，避免仪表盘卡片马赛克。产品 UI 文案优先方向、状态与行动，除非明确要求否则不用 hero。图像需承担叙事作用，首屏需真实视觉锚点。
反模式：避免通用 AI 美学，如过度使用的字体、紫色渐变、奶油白背景、斜体强调词、编号标签、等宽标签、药丸按钮；避免通用 SaaS 卡片网格首屏、弱品牌、无明确行动、杂乱图像、无叙事轮播、堆叠卡片式 App UI 等。交付前需做 litmus 检查。
限制：资料未提供关于收费、价格、平台支持范围或安装步骤的信息，暂未提供。