用途：frontend-design 是面向前端界面与体验设计的原则与模式集合，用于指导构建直观、可访问、美观的 Web 界面。
主要能力：
- 核心设计原则：清晰（明确标签、明显反馈、一致模式、简单语言）、一致性（视觉、功能、内部与平台约定）、反馈（100ms 内响应、状态变化、匹配重要性）、效率（快捷键、智能默认、批量操作、渐进披露）。
- 布局模式：容器最大宽度（如 max-width: 1200px，正文 65ch）、统一间距刻度（--space-xs 到 --space-3xl）、自适应网格（repeat(auto-fit, minmax(300px, 1fr))）、视觉层级。
- 色彩系统：语义色变量（primary、success、warning、error、info 与中性色）、对比度要求（正文 4.5:1，大字与 UI 组件 3:1）、深色模式（prefers-color-scheme）。
- 排版：字号刻度、行高（标题 1.2、正文 1.6、UI 1.5）、字体加载（系统字体或 preload 自定义字体）。
- 交互元素：按钮的默认/悬停/激活/聚焦/禁用状态、加载状态、表单校验（aria-invalid、aria-describedby）。
- 无障碍：语义化 HTML、ARIA 标签、键盘导航（Esc 关闭、焦点陷阱）、焦点管理。
- 响应式：移动优先、响应式图片（srcSet/sizes）、触控目标最小 44x44px。
- 动画与过渡：150ms 过渡、尊重 prefers-reduced-motion、加载骨架屏、页面淡入。
- 错误状态：内联错误、空状态、错误边界。
使用方式：作为设计参考与检查清单，在编写界面时对照应用；文中给出 CSS 变量、React 组件与 Tailwind 类名示例，可直接借鉴模式。
适用场景：Web 前端界面设计、组件库与设计系统建设、无障碍与响应式改造。
限制：资料以原则与代码模式为主，未提供安装命令、收费、价格或平台信息；具体项目需结合自身技术栈调整。