better-ui
better-ui 是一个面向界面视觉打磨的技能，针对表面、图标与动效给出精确数值，包括圆角、视觉对齐、阴影、图标状态和动画。适用于交互逻辑已正确后进一步提升细节一致性的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-10 00:15
设计与创作
22,668 个结果
build-design
Build Design 是一个用于把设计稿还原为界面代码的技能，它支持从 Figma 文件或设计图片出发构建 UI，并让实现结果与设计稿保持一致。它的核心原则是“设计说了算”：代码中的数值来自设计文件本身，而不是开发者个人习惯或记忆中的样式。技能会在构建前读取项目的 design tokens 和组件库，把设计稿中的变量、样式、原始数值和组件实例映射到项目中已有的 token 与组件，尽量复用已有资产，而不是新增 token、组件变体或随意填值。对设计稿没有绘制的状态（如 hover、空状态、错误状态）不自行发挥，而是保留组件默认并列为缺失项；对设计稿之外的相邻内容不做“顺手修改”。构建完成后，它会在每个 frame 对应宽度下渲染实现结果并与设计截图逐元素比对，报告尺寸、间距、颜色、圆角、字号等是否匹配、是否因四舍五入而归入最近 token、是否存在偏离，并列出未接后端的数据、缺失状态以及与其他领域规则的冲突。该技能不拥有领域规则，对比度、焦点、语义、排版、间距、配色、文案、动效等分别由对应技能负责。使用方式上，Figma 链接需通过 Figma MCP 读取，若只连接了认证工具则需先登录；若没有 Figma 工具，应提示用户连接，而不能凭记忆或猜测构建；仅有截图或导出图片时，所有尺寸都只能按所声明比例估算。分类：设计与创作。
interface-review
interface-review 是一个面向代码变更的界面审查技能：它审查分支、拉取请求或未提交改动所引入或导致的界面问题，覆盖无障碍、布局、文案、排版等维度，并按变更范围给出分类结论。
apple-hig-designer
遵循 Apple 人机界面指南（HIG）设计原生 iOS 应用的技能。可生成 SwiftUI 与 UIKit 组件、校验设计合规性，并覆盖 VoiceOver、动态字体、色彩对比等无障碍要求。
layers-intro
Layers of Product Design 框架的入门技能，需在设计会话开始时首先加载，为其他 /layers-* 技能提供上下文。它把设计工作分为三个区域共七层，强调设计即决策，帮助设计师发现、评估和优先处理各层决策。
blockbench-animation
Blockbench Animation 是一组通过 MCP 工具在 Blockbench 中创建与管理 3D 模型动画的技能，支持关键帧、骨骼绑定、曲线编辑、时间轴控制与批量关键帧操作，适用于 Minecraft 刚性骨骼动画及带顶点权重的蒙皮变形等场景。
architecture-designer
Architecture Designer 是 jeffallan/claude-skills 中的架构设计技能，用于设计高层系统架构、评审现有设计、选择架构模式、编写架构决策记录（ADR）以及评估技术选型与可扩展性。
chaos-engineer
用于设计混沌实验、构建故障注入框架并组织分布式系统 Game Day 演练的技能，产出实验设计、注入脚本、监控告警、回滚流程与学习总结。
microservices-architect
面向云原生微服务的分布式系统架构技能，用 DDD 划分限界上下文与服务边界，设计同步/异步通信、每服务独立数据库、弹性与可观测性方案，并输出服务边界图、通信模式、数据一致性模型与部署要求。
ml-pipeline
面向生产级机器学习流水线的技能，覆盖数据校验、特征工程、训练编排、实验追踪与模型验证部署，提供 MLflow、Kubeflow、Airflow、Great Expectations 等参考指南与代码模板。
sre-engineer
SRE Engineer 是一套面向站点可靠性工程的 Claude 技能，用于定义 SLO/SLI、计算错误预算、设计事故响应流程、建立容量模型并输出监控与自动化方案。它通过参考文档与强制约束，指导可靠性评估、金指标监控、混沌实验和减少 toil 的自动化实践。
svg-icon-generator
该技能为 Visual Content（视觉内容）领域中的 SVG 图标生成任务提供自动化辅助。当用户在请求中提及“svg icon generator”、询问相关模式或最佳实践，或需要图表、示意图、演示文稿及视觉文档等视觉内容技能帮助时，该技能会自动激活。技能提供分步指导，遵循行业最佳实践与模式，生成可投入生产的代码与配置，并依据通用标准对输出进行验证。其输出包括生成的配置与代码、最佳实践建议以及验证结果，并包含配置无效、工具缺失、权限不足等常见错误的处理说明。该技能属于 Visual Content 技能类别，标签涵盖 diagrams、mermaid、charts、visualization、presentations。
ai-image-generator
该技能用于在 Claude Code 中通过 Google Gemini 与 OpenAI GPT 图像 API 直接生成图片，涵盖模型选择、提示词框架、批量变体、多轮编辑与常见错误规避。
design-review
design-review 是一个用于审查网页应用或页面视觉设计质量的技能，检查布局、排版、间距、色彩、层级、一致性、交互模式与响应式表现，判断设计是否专业、统一、精致，而非可用性或工作流层面的 UX 审计。
design-system
这是一个用于从已有网站、HTML 文件或截图中提取完整设计系统的技能，能将分析结果整理成一份 DESIGN.md 文件。它会分析颜色、字体排版、组件样式、间距与布局，并以语义化自然语言加精确数值的方式记录设计语言。输出面向 design-loop 技能和通用页面生成优化，适合在基于现有网站视觉风格启动新项目、补写未成文的设计系统文档、在运行设计循环前准备 .design/DESIGN.md、从客户网站提取品牌规范、为多页项目建立一致性文档，以及从 Google Stitch 项目提取设计令牌时使用。支持的来源包括在线 URL、本地 HTML 文件、截图图片、现有项目以及 Google Stitch 项目，其中截图方式无法精确提取十六进制颜色，会标注为近似值。
icon-set-generator
Icon Set Generator 是一个用于生成网站和应用项目专属 SVG 图标集的技能。它先了解项目定位与风格，再推荐图标清单和统一样式规范，按批次生成风格一致、可继承 CSS 颜色的 SVG 图标，并输出预览页与样式配置文件。
image-processing
Image Processing 是 jezweb/claude-skills 中的图像处理技能，用于 Web 开发中的图片处理，包括缩放、裁剪、去白边、格式转换（PNG/WebP/JPG）、优化体积、生成缩略图与 OG 卡片，并提供批量处理能力。
drawio
一个把自然语言图表需求转成原生 .drawio 文件的技能，可用 Mermaid 或 draw.io XML 编写，并能导出 PNG/SVG/PDF 或生成在浏览器中打开的 URL。
claude-design
Claude Design 是一个以 HTML 为交付载体的设计技能，用于产出落地页、幻灯片、交互原型、动画视频、海报和线框图等高保真设计物。它强调先核实事实、收集品牌与设计系统上下文、声明视觉系统，再迭代构建并提供多个变体供用户选择。
baoyu-design
baoyu-design 是一个面向文件型 AI 智能体的设计技能，按完整设计方法论生成自包含 HTML 设计产物，覆盖 UI 稿、交互原型、线框图、落地页、仪表盘、应用界面与移动应用等，可在 Claude Code、Cursor、Codex Agent 等环境运行。
claude-design
中文介绍正在整理，稍后补充。
claude-design-system
中文介绍正在整理，稍后补充。
baoyu-article-illustrator
baoyu-article-illustrator 是 jimliu/baoyu-skills 中的文章配图技能：分析文章结构、定位需要配图的位置，并按 Type × Style × Palette 三维一致的方式生成插图，适用于为技术、教程、叙事等文章自动补充视觉素材。
baoyu-comic
baoyu-comic 是一个知识漫画创作技能，支持多种画风与情绪组合，生成原创教育漫画，包含分镜布局与批量出图能力，并可合并为 PDF。