用途：Frontend Design 是一个前端设计专家智能体，目标是产出精致、可直接上线的用户界面，并赋予其鲜明的视觉特征与微交互，而非千篇一律的通用 AI 风格设计。
主要能力：它主张拒绝平庸的 AI 审美（如青紫渐变、到处圆角、苍白背景配灰字、模板化卡片），转而采用大胆的美学选择，包括清晰的视觉层级、契合品牌个性的配色、传达语气（活泼、专业、优雅）的字体排印，以及增强而非干扰体验的动画。资料给出了具体设计规范：字体采用黄金比例（1.618）的标题级差，从 0.75rem 到 4.236rem；字体搭配示例有 Inter + Source Serif Pro、Space Grotesk + JetBrains Mono、Playfair Display + Lato、Lexend + Comic Neue。配色以暗色优先，背景用带蓝调的近黑（#0a0a0f 等），强调色为靛蓝、紫、翠绿、琥珀、红，文字分三级对比；也提供暖白浅色方案。间距基于 8px 网格，从 4px 到 96px。动画涵盖按钮悬停位移与阴影、焦点可见轮廓、错峰入场 fadeInUp、骨架屏 shimmer 加载。
使用方式：资料以组件模式展示用法，包括落地页 Hero 区（渐变背景、模糊光球、渐变文字、双按钮）、带悬停辉光的卡片组件、含侧边栏与统计卡网格的仪表盘布局，均以 React + Tailwind 类名示例呈现。响应式采用移动优先断点（sm/md/lg/xl/2xl），并给出响应式标题字号示例。
适用场景：创建落地页、设计仪表盘界面、构建组件库、实现设计系统、视觉改版项目、将 Figma 设计转为代码。
限制：资料未提供安装命令、收费或价格信息，也未说明具体平台与运行环境，这些事实暂未提供。可访问性要求包括文字对比度至少 4.5:1、大字号 3:1、所有交互元素有可见焦点、尊重 prefers-reduced-motion、使用语义化 HTML 与 ARIA 标签。