Ant Design 组件技能
v0.1.0
SkillClawHub2.5k
io.clawhub.felipeoff/ant-design-skill
用于高效地基于 Ant Design v5+ 构建 React UI 的技能，涵盖布局、表单、表格、弹窗、通过 ConfigProvider 做主题。
source
“figma design image icon” 共 1,208 个结果
v0.1.0
io.clawhub.felipeoff/ant-design-skill
用于高效地基于 Ant Design v5+ 构建 React UI 的技能，涵盖布局、表单、表格、弹窗、通过 ConfigProvider 做主题。
v1.0.1
io.clawhub.wangzhiming1999/design-to-code
依据设计稿（Figma、Sketch 或图片）实现 UI，做到像素级布局、响应式行为与设计令牌。当需要还原设计图、实现界面…时使用。
v1.0.0
io.clawhub.g9pedro/openai-image-cli
通过 OpenAI 的 GPT Image 与 DALL-E 模型生成、编辑和管理图像。
v1.0.0
io.clawhub.ygeoffreycissiezvz/productivity-design
引导智能体（例如 OpenClaw）使用 https://www.productivity.design（ProductivityHub）获取效率工具、时间管理、目标跟踪、专注力等…方面的内容。
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
io.github.anthropics/skills/canvas-design
基于设计理念创作 .png 和 .pdf 格式的精美视觉作品。当用户要求制作海报、艺术作品、设计稿或其他静态作品时使用。只创作原创视觉设计，绝不抄袭现有艺术家作品以避免版权风险。
io.github.garrytan/gstack/design-shotgun
设计散弹：批量生成多个 AI 设计变体，打开对比看板，收集结构化反馈并迭代。（gstack）
io.github.garrytan/gstack/design-html
设计收尾：生成贴近生产质量、原生支持 Pretext 的 HTML/CSS。（gstack）
io.github.garrytan/gstack/design-review
以设计师视角做 QA：发现视觉不一致、间距问题、层次问题、AI 味十足的低质样式和迟缓交互——然后修掉它们。（gstack）
io.github.garrytan/gstack/design-consultation
设计咨询：理解你的产品、调研同类竞品，提出完整设计体系（美学、字体排印、色彩、布局、间距、动效），并生成字体与配色预览。（gstack）
io.github.wshobson/agents/tailwind-design-system
使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化 UI 模式时使用。
io.github.n8n-io/n8n/ui-design
Guidelines on designing and building UI. Use when working in editor-ui or design-system packages. Triggers for tasks that include refactoring components, styling changes, or feature work.
io.github.n8n-io/n8n/agent-design-language
Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.
io.github.affaan-m/ECC/loop-design-check
设计以目标为导向的 Agent 循环，并排查循环常见的出错方式——原地打转烧 token、钻验证器的空子（Goodhart 效应）、把错误答案一路跑到底。包含两个动作：(1) 编写循环——先判断是否值得构建、定义机器可判定的目标、选定循环类型与脚手架；(2) 审查循环——按五种失败模式，加上可判定性、边界、兜底方案、评判者独立性，以及把判断权留在人手中这条红线逐项检查。当设计自主 Agent 循环，或已有循环但担心它跑飞、作弊或把错误答案执行到底时使用。它在机制层循环技能（autonomous-loops、continuous-agent-loop）之外补足其未覆盖的判断层。中文触发：写 loop、设计 loop、做一个 loop、检查 loop 对不对、loop 体检、loop 会不会跑飞、可判定目标、五个崩法、plan build judge。English triggers: design an agent loop, write a loop, check a loop, loop review, prevent a runaway loop, goal-oriented loop, decidable goal, plan/build/judge.
io.github.affaan-m/ECC/design-system
用于生成或审计设计系统、检查视觉一致性，并审查涉及样式的 PR。在生成或审计设计系统、检查视觉一致性，或审查样式相关 PR 时使用。
io.github.cathrynlavery/diagram-design/diagram-design
Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, treemap, heatmap, bar, waterfall, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, DP security matrix, Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, or database schema diagrams as HTML/SVG/PNG, with .drawio and .excalidraw import support, plus lifecycle phase maps and onboarding guidance.
io.github.github/awesome-copilot/macos-golden-gate-design
Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple's current macOS 27 UI kit and restrained Liquid Glass language: integrated windows, full-height sidebars, native toolbars, flat lists, tables, and forms, clear pane boundaries, accessible materials, and removal of unnecessary nested cards, framed panels, or glassmorphism. Also use for Figma macOS 27 design-to-code work and audits of interfaces that feel too boxed.
io.github.affaan-m/ECC/api-design
REST API 设计模式：资源命名、状态码、分页、过滤、错误响应、版本管理，以及生产 API 的限流。在设计或审查 REST 端点、资源命名、状态码、分页或版本管理时使用。
io.github.garrytan/gstack/plan-design-review
以设计师视角评审方案规划——交互式进行，类似 CEO 评审与工程评审。（gstack）
io.github.garrytan/gstack/ios-design-review
在真机上对 iOS 应用做视觉设计审计。（gstack）
io.github.metabase/metabase/metabase-ui-component-from-figma
按 Linear issue 中描述的 Figma 规范,更新或构建 Metabase 设计体系组件(frontend/src/metabase/ui——Chip、Badge、Alert、Switch 等)。当工单要求改造现有 metabase/ui 组件样式或从 Figma 实现新组件时使用。涵盖:签出 issue、梳理组件(既有组件的用法/影响面,或新组件的脚手架)、构建 Storybook 展示矩阵(既有组件在改造样式前、新组件在其后)、依据精确的 Figma 令牌并与用户迭代完成样式,最后再提交并迁移调用点。
io.github.microsoft/vscode/design-philosophy
VS Code 的设计理念——一套用于以设计语言而非原始像素来思考 UI 的共享价值观→原则→手法词汇。在设计、构建、评审任何可视化界或给出反馈，决定圆角、间距、字级角色、图标尺寸、边框、颜色或动效，或把感觉不对的观察转化为具体、有原则的修改时使用。
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
io.github.nextlevelbuilder/ui-ux-pro-max-skill/design-system
Token 架构、组件规格说明与 slides 生成。三层 token（primitive→semantic→component）、CSS 变量、间距与字体排印尺度、组件规格、策略性 slide 产出。适用于设计 token、体系化设计与符合品牌规范的演示文稿。