用途：frontend-design 提供设计与构建前端界面的实用策略，重点在于让界面好看且好用，而非框架或工具本身。适用于用户要求构建 Web 应用、网站、落地页或 HTML 页面，或一次性工具、实用程序等场景。
主要能力：从创意愿景出发，先明确界面要传达的情感与美学基调（专业可信、活泼有趣、平静极简、活力大胆等），基调会影响颜色、字体、间距、图像和微交互等所有决策。若已有设计语言，应优先遵循，保持一致性。
约束系统：通过约束减少决策疲劳。间距采用 4px 或 8px 基准单位，使用 4、8、12、16、24、32、48、64、96、128 等倍数，避免 13px、47px 等魔法数字。字号采用 1.25 或 1.333 比例生成 12、14、16、20、24、32、40、48 等尺寸。配色从最小集开始：一个主色、中性色（白、黑及 3-4 个灰）、一个错误语义色（红）、一个成功色（绿）。布局使用 12 列网格与一致间距。
使用方式：建议直接在浏览器中用 HTML/CSS 设计，可看到真实渲染与响应式效果，迭代更快且无交接问题，并可用版本控制。从移动端开始再向上扩展，因为增加空间比移除更容易。
常见模式：卡片需一致内边距（16px 或 24px）、细微边框或阴影、清晰层级；表单标签置于输入框上方、单列布局、清晰错误状态、移动端触控目标至少 44px 高；导航主项保持 5-7 个、当前页明显、移动端用汉堡菜单或底部导航、深层级用面包屑；空状态应展示原本内容、如何添加及适当插图；加载状态优先用骨架屏而非旋转器，长操作显示进度，避免阻塞整个界面。
避免 AI 味：需求要具体，如“深色主题、蓝到紫渐变数据可视化、紧凑信息密度、灵感来自交易终端”比“现代仪表盘”更独特；增加约束、参考真实界面、无情删减装饰、用真实内容测试。
响应式：常见断点为移动端至 640px、平板 641-1024px、桌面 1025px 以上。断点间变化的是列数、字号、导航模式和可见内容量；保持不变的是配色、字体层级、品牌元素、核心功能。
无障碍基础：文本对比度至少 4.5:1、键盘焦点可见、图片替代文本有意义、语义化 HTML、触控目标至少 44x44px。这些是可用界面的要求而非可选项。
限制：资料未提供具体框架、工具、平台或收费信息。