用途：frontend-design 是创建独特、生产级前端界面的编排器（orchestrator），适用于构建 Web 组件、页面或应用。它本身不直接产出全部代码，而是根据需求路由到专项技能与参考文档。
主要能力与路由：设计令牌参考 references/design-md-format.md（DESIGN.md 令牌解析与导出）；设计方向调用 frontend-design-philosophy（美学极端与反模式）；CSS 实现调用 frontend-css-patterns（排版、颜色、动效、空间）；React/Vue 模式参考 references/react-vue.md（Framer Motion、Vue Transition）；Rails/Hotwire 参考 references/rails-hotwire.md（ViewComponent、Stimulus、Turbo）。实现资源包括 ui-implementation-guide.md、motion-patterns.md、css-polish-tips.md、landing-page-design.md。
使用方式（工作流）：1）检查项目根目录是否存在 DESIGN.md，若存在则解析令牌并作为颜色、排版、间距的唯一来源；2）明确设计方向，调用 frontend-design-philosophy，由用户选择 brutalist、minimalist、luxury、playful 等风格；3）实现 CSS 基础，调用 frontend-css-patterns，将令牌映射为 CSS 变量或 Tailwind 主题，否则自定义 Tailwind 或编写 CSS 变量；4）应用框架模式，React/Vue 用 references/react-vue.md，Rails/Hotwire 用 references/rails-hotwire.md；5）打磨与验证，使用 css-polish-tips.md 处理可访问性、motion-patterns.md 处理动画，并运行 philosophy 技能的校验清单。
适用场景：需要高设计质量、风格鲜明的 Web 界面开发，覆盖 React、Vue、Rails/Hotwire 等技术栈。
限制：资料未提供具体安装命令、收费与价格信息；校验清单强调独特排版、克制配色、打破常规布局、有目的的动效、清晰设计方向、响应式与可访问性，但未给出量化性能指标以外的实现细节。