用途：frontend-design 是一个前端设计技能，位于 {project_path}/skills/frontend-design/，用于把模糊的 UI 风格需求转化为可执行、生产级的前端代码。它通过系统化设计令牌方法，保证视觉一致性、无障碍合规与可维护性，同时保留创意执行。
主要能力：提供 SKILL.md 核心方法论；examples/css/ 含 tokens.css、components.css、utilities.css；examples/typescript/ 含 design-tokens.ts、theme-provider.tsx、sample-components.tsx；templates/ 含 tailwind-config.js、globals.css。核心原则包括双模式思维（系统+创意）、令牌优先方法、技术栈灵活性与 Tailwind CSS 最佳实践。
使用方式：当用户请求网站、Web 应用或组件开发，提到现代、高级、极简、暗色模式、SaaS 风格等设计风格，构建仪表盘、落地页、管理面板，要求改善设计，创建组件库或设计系统，指定 React、Vue、Svelte、Next.js、Nuxt 等框架，把设计稿转代码，或提到 Tailwind CSS、shadcn/ui、Material-UI、Chakra UI 时应用。默认技术栈为 React + TypeScript、Tailwind CSS、shadcn/ui、CSS 自定义属性主题。Tailwind 必须构建时集成：npm install -D tailwindcss postcss autoprefixer 与 npx tailwindcss init -p，禁止使用 CDN（仅快速原型或内部测试可接受）。工作流分四阶段：设计分析与令牌定义、组件开发、页面组装、质量保证。
适用场景：企业应用、B2B SaaS、生产力工具、营销站点、作品集、内容站点、消费应用、健康与生活方式品牌、开发者工具、游戏、科技产品、儿童产品、创意工具等。提供极简高级 SaaS、大胆编辑风、柔和有机、暗色霓虹、活泼多彩等设计方向模板，以及主提示词、令牌生成、组件实现、页面开发、评审优化等提示词模板。
限制：不适用于后端 API 开发、纯逻辑或算法实现、非视觉代码任务。资料未提供具体收费、价格、平台或效果数据。