design-system-builder
从参考 UI 截图或 mockup 中提取设计系统（色彩、字体、组件、间距、动效与暗色模式），并生成可实现的设计提示词，用于在 React 项目中实现风格一致的 UI；适用于需要按参考视觉搭建 MVP 界面的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
设计与创作
20,987 个结果
laorenfang-zhuangxiu-zhinan
老人房装修指南专用 Skill，按主题整合西安装修课堂会员版知识库精华，覆盖防滑防摔、起夜照明、无障碍适老设施、老人房布置与适老综合等全流程参考，帮助用户装出更省心、少踩坑的老人房。
canvas-design
这是一个用「设计哲学」方法在 .png 与 .pdf 文档中创作视觉艺术的技能，适用于用户要求制作海报、艺术作品等场景。其流程分为两步：先创建一个设计哲学（输出为 .md 文件），再将该哲学在画布上视觉化表达（输出为 .pdf 或 .png 文件）。设计哲学被定义为一种审美运动，通过形式、空间、色彩、构图、图像、图形、形状与图案来诠释，文字仅作极简的视觉点缀。该技能强调以视觉而非文字段落传达信息，要求作品呈现出手工精雕细琢、专家级工艺的品质，并保持克制的配色与留白。最终交付单个可下载的 .pdf 或 .png 文件，以及所用设计哲学的 .md 文件，可按需扩展为多页。
arch-patterns
arch-patterns 是 OpenClaw 的软件架构模式技能，覆盖 GoF 23 种设计模式、SOLID 原则及 DRY、YAGNI、KISS、组合优于继承、函数式编程等实践，可用于生成代码片段、建议重构或校验设计。
alterlab-genai-voice-designer
这是一项面向 ElevenLabs 的 AI 配音与声音设计技能，充当“配音导演”，负责选角、用音频标签和滑块参数指导情感演绎，并输出语音身份卡、配音脚本与选角表等文件。
alterlab-pra-brand-analyst
AlterLab FC 品牌分析师技能，用于品牌审计、品牌资产、定位与竞品情报分析。它作为自主智能体，基于 Keller CBBE、Aaker、Kapferer 等框架输出 markdown 交付物。
web-design-mastery
基于《Refactoring UI》原则的生产级 Web UI 设计技能，覆盖间距、字体、阴影、色彩、层级与细节打磨等系统化设计规范，适用于落地页、仪表盘、认证界面等场景。
biz-brand-positioning
品牌定位技能：帮助制定定位声明、感知图和品牌个性/原型分析，适用于创建或更新品牌识别、与竞品差异化、判断顾客感知等场景。
d3js-visualization
基于 D3.js 的专业数据可视化技能，支持交互式图表、自定义可视化、动画与响应式设计，适用于需要精细控制视觉元素、复杂交互或基于 Web 标准的可视化场景。
applying-bitwarden-branding
Bitwarden 品牌规范应用技能，依据 bitwarden.com/brand 与 github.com/bitwarden/brand 两个权威来源，指导 logo 用法、配色、字体、图标与大小写规则，并给出品牌合规检查的输出结构。
evolving-design-system-components
Bitwarden 设计系统组件演进技能，指导按官方治理流程提出新 UI 模式或修改现有组件，涵盖预搜索、设计团队对齐、Core 与 Recipe 归属判定、Figma 库构建、评审门禁与合并时机。
using-figma
通过 Figma Dev Mode MCP 服务器读取和检查 Figma 设计的技能，可解析 Figma URL 中的 fileKey 与 nodeId，并按任务选择合适工具提取设计上下文、变量、截图、元数据与设计系统搜索结果。仅限只读操作。
blitzreels-caption-themes
BlitzReels 字幕主题技能，用于设计可复用的字幕主题，支持品牌外观、预览、复制与默认设置。
imagegen
用于通过 OpenAI Image API 生成或编辑图像，适用场景包括生成图片、编辑/修复/遮罩、背景移除或替换等。默认使用 gpt-image-1.5 模型，并提供随附 CLI 以便确定性、可复现运行，支持批量生成多个提示或变体。
funnel-architecture
用于设计完整 DTC 销售漏斗架构的技能，覆盖从广告点击到邮件跟进的客户旅程，按 RMBC 框架为每个步骤定义页面目的、文案策略、转化目标与 KPI，并输出收入模型与流量来源对齐方案。
github-images
github-images 是一个用于从 GitHub issue 和 PR 下载图片附件的工具，支持需要认证的私有仓库，通过带签名的临时 URL 获取截图等图片。
design-engineer
一个面向 UI 设计工程实践的技能，用于在构建、评审、重构或改进 UI 组件、页面与交互时应用精细的视觉与动效准则，涵盖阴影、圆角、光学对齐、OKLCH 配色、渐变、动画与性能等内容。
tokens
设计令牌审计与落地技能：扫描代码库中的硬编码颜色、间距、阴影、圆角、字号和 z-index，建立并强制执行三层令牌体系（primitive → semantic → component），再逐类替换为令牌。适用于设计系统一致性与主题化改造。
blcaptain-style-skill
把中文内容做成小红书3:4竖图与公众号封面等图文卡片组图的技能，提供静纸、证据层、跨平台桥三套视觉语言，由Claude理解内容并撰写brief.json，再交确定性引擎渲染成图。
cardiology-visual-system
面向心脏病学内容创作的可视化路由系统，可在 Claude Code 中根据请求类型自动选择合适的工具，生成博客配图、信息图、流程图、幻灯片、数据图表或交互式页面，减少在多个订阅工具间切换。
gsap
GSAP（GreenSock Animation Platform）是一个高性能 JavaScript 动画库，可动画化 CSS 属性、SVG、canvas 与 React 组件。该技能条目已弃用，被官方 GSAP skills 取代。
wpds
用于在构建或审查涉及 WordPress 生态（如 Gutenberg、WooCommerce、WordPress.com、Jetpack 等）的界面时，参考 WordPress Design System（WPDS）的组件、设计令牌与模式。属于代理技能，建议配合 WPDS MCP 服务器使用。
optimize-images
批量优化图片以用于网页交付：将图片转换为 WebP，生成多种尺寸、缩略图和模糊占位图，并统计处理数量与体积节省比例。
forgent3d
Forgent3D 的 3D CAD 建模技能，通过一个 CLI（cad-build）编写或修改三维零件。支持 build123d 参数化路线与 OpenSCAD 路线，单位为毫米，右手坐标系、Z 轴向上，可测量、出图、导出 STEP/STL/3MF 等。