前端设计生成（Claude Code）
SkillSkillsMP
io.github.classroomio/classroomio/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
source
“Graphic Design” 共 741 个结果
io.github.classroomio/classroomio/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
io.github.steipete/agent-scripts/frontend-design
前端 UI：页面、应用、组件，打造精致而非千篇一律的设计。
io.github.wshobson/agents/responsive-design
使用容器查询、流式排版、CSS Grid 与移动优先断点策略实现现代响应式布局。在构建自适应界面、实现流式布局或创建组件级响应式行为时使用。
io.github.wshobson/agents/mobile-android-design
掌握 Material Design 3 与 Jetpack Compose 模式，构建原生 Android 应用。在设计 Android 界面、实现 Compose UI 或遵循 Google Material Design 规范时使用。
io.github.wshobson/agents/kpi-dashboard-design
设计高效的 KPI 仪表盘，涵盖指标选取、可视化最佳实践与实时监控模式。适用场景：构建追踪 MRR、流失率、LTV/CAC 比率的 SaaS 高管仪表盘；设计带实时服务健康与请求吞吐的运营中心；为产品团队创建同期群留存分析视图；或排查因计算口径不一致导致指标互相矛盾的仪表盘。
io.github.wshobson/agents/event-store-design
为事件溯源（event sourcing）系统设计并实现事件存储。适用于搭建事件溯源基础设施、选型事件存储技术，或实现事件持久化模式。
io.github.wshobson/agents/design-system-patterns
以设计令牌、主题化基础设施与组件架构模式构建可扩展的设计系统。适用于创建设计令牌、实现主题切换、搭建组件库或奠定设计系统基础。
io.github.wshobson/agents/deployment-pipeline-design
设计带审批卡点、安全检查与部署编排的多阶段 CI/CD 流水线。适用于设计零停机部署流水线、制定金丝雀发布策略、搭建多环境晋级工作流，或排查 CI/CD 中失败的部署卡点。
io.github.wshobson/agents/api-design-principles
掌握 REST 与 GraphQL API 设计原则，构建直观、可扩展、易维护的 API。适用于设计新 API、评审 API 规范或制定 API 设计标准。
io.github.wshobson/agents/react-native-design
掌握 React Native 样式、导航与 Reanimated 动画，用于跨平台移动开发。在构建 React Native 应用、实现导航模式或创作高性能动画时使用。
io.github.thedotmack/claude-mem/design-is
依据 Dieter Rams「好的设计是……」十原则审计设计，并输出 /make-plan 提示，指向三种结果之一——新设计、精修设计或重做设计。当用户说「audit this design」「design review」「用 Rams 原则检查这个 UI」「这个 UI 好吗」「critique this design」「design audit」，或要求给出应导向计划的批评时使用。
io.github.mckinsey/vizro/designing-vizro-layouts
在设计或构建 Vizro 仪表盘布局时使用——网格配置、组件尺寸、筛选器/参数摆放、选择器类型或容器模式。当用户在画线框图、定义页面结构、放置控件或给图表定尺寸时启用。
io.github.aiming-lab/AutoResearchClaw/statistical-method-design
设计直接对应正式问题表述的统计方法、基线、诊断、变体与消融实验。
io.github.FDU-INS/Insurance-Skills/css-design-tokens
车险平台的 CSS 设计令牌与颜色体系。在定义颜色、间距、字体排印或设计变量时使用。关键词：护眼配色 #5B8DEF/#8B95A5/#C5CAD3、CSS 变量、间距体系、色板、字体梯度、设计令牌、variables.css、主题色。
io.github.affaan-m/ECC/liquid-glass-design
日语翻译：此文件需要 liquid-glass-design 的日语翻译
io.github.affaan-m/ECC/frontend-design-direction
前端设计方向、美学原则与一致的设计语言落地。
io.github.affaan-m/ECC/design-system
构建可用于生产环境的设计系统，包含无障碍支持、响应式、主题定制、组件库与设计令牌，并整合 Figma、Storybook 与组件库。
io.github.affaan-m/ECC/api-design
REST API 设计模式，涵盖资源命名、状态码、分页、过滤、错误响应、版本管理与速率限制。
io.github.alirezarezvani/claude-skills/agent-workflow-designer
设计生产级多 agent 工作流，明确模式选择（顺序、并行、层级）、交接契约、失败处理与成本/上下文控制。用于架构多步 agent 流水线、在单 agent 与多 agent 方案间取舍，或重构存在上下文膨胀、交接不可靠的 LLM 工作流时。
io.github.novuhq/novu/frontend-design
创建有辨识度、生产级的前端界面，设计品质要高。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用本技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任何 Web UI 做样式/美化）。产出富有创意且精致的代码与 UI 设计，避免平庸的 AI 风格。
io.github.Donchitos/Claude-Code-Game-Studios/design-system
面向单个游戏系统的引导式、逐节 GDD 撰写。从已有文档收集上下文，逐节协作展开，交叉引用依赖，并增量写入文件。
io.github.Donchitos/Claude-Code-Game-Studios/design-review
审阅游戏设计文档的完整性、内部一致性、可实现性，以及对项目设计标准的遵循。在把设计文档交给程序员之前运行。
io.github.vudovn/ag-kit/mobile-design
面向 iOS 和 Android 应用的移动优先设计思维与决策。触控交互、性能模式、平台规范。教导原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。
io.github.vudovn/ag-kit/frontend-design
面向 Web UI 的设计思维与决策。在设计组件、布局、配色方案、字体排版或创造有美感的界面时使用。教导原则而非固定数值。