to-img
to-img 是一个通过 OpenRouter 并行生成图像的技能，可接收单个简单请求或含 prompt 与 filename 的批处理任务，将生成结果保存到 mocks/ 目录。默认使用 gpt2 模型、1K 分辨率、16:9 比例。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
设计与创作
21,399 个结果
marketing-video
面向 Solana 项目的营销视频制作技能，提供 Remotion（代码驱动、React 可编程）与 Renoise（AI 生成）两条路径，覆盖访谈、创意方向、分镜、素材收集、搭建、渲染与多平台剪辑的完整流程。
shadcn_ui-alert
Shadcn UI — Alert 是一个用于在应用中展示提示性告警（callout alert）的组件技能，基于 ShadAlert 实现。它提供两种构造方式：使用默认构造函数显示普通告警，使用 ShadAlert.destructive 显示错误或破坏性操作相关的告警。组件支持通过 icon、title、description 参数传入图标、标题与描述文本，便于在界面中呈现警告、错误或重要消息，引导用户关注关键信息。该资料同时给出了 Primary/default 与 Destructive 两种用法的示例代码，展示了如何结合 LucideIcons 图标（如 terminal、circleAlert）构建提示内容。适合需要在 Flutter 或 Dart 项目中快速搭建符合 Shadcn UI 风格告警提示的开发者参考使用。关于平台支持范围、依赖版本、主题定制、无障碍特性及收费情况，资料中暂未提供。
shadcn_ui-badge
ShadBadge 是 Shadcn UI 的徽章组件技能，用于在 Flutter 应用中显示标签、状态标签或计数指示。支持 default（主色）、secondary、destructive、outline 四种变体，可通过不同构造器为任意子组件（通常为 Text）添加徽章样式。
shadcn_ui-icon-button
ShadIconButton 是 Shadcn UI 组件库中的图标按钮组件，用于在界面中放置仅含图标的按钮。它提供五种样式变体：默认（主要）、secondary、destructive、outline 和 ghost，可通过构造方法直接调用。使用时需传入 icon 和 onPressed，可选设置 iconSize、padding，并支持渐变（gradient）与阴影（shadows）。加载状态可通过将小型 CircularProgressIndicator 作为 icon 传入实现。适用于为界面添加仅图标按钮的场景。
shadcn_ui-slider
ShadSlider 是 Flutter shadcn_ui 应用中的滑块组件，用于让用户在数值范围内进行选择。你可以设置 initialValue 和 max，并可选设置 min。若需要在值变化时读取数值，可配合状态（state）或控制器（controller）使用。该技能适用于在 Flutter shadcn_ui 应用里添加范围滑块或数值选择的场景。资料未提供收费、价格、平台与效果等信息。
shadcn_ui-textarea
Shadcn UI 的多行文本输入组件说明，提供独立使用的 ShadTextarea 与带校验的表单字段 ShadTextareaFormField，适用于需要在表单中添加多行输入的场景。
ui-lint
ui-lint 是一个基于 grep 的快速设计系统检查技能，用于在数秒内扫描代码中常见的设计规范违规。它适合在每次文件改动后运行，检查内容包括硬编码颜色、Tailwind 中的原始像素值、旧式宽高写法、仅支持 LTR 的物理属性、纯黑颜色、缺失 data-slot、字体大小 CSS 变量与 Tailwind v4 的冲突，以及未使用 cn() 的 className 拼接。输出以 FAIL/WARN/PASS 形式列出文件与行号，并给出修复建议。它只负责标记问题，不负责修复；深度设计审查、无障碍检查、Nielsen 启发式审计和重构应使用其他对应技能。
ui-score
UI 设计质量评分技能：按 StyleSeed 设计语言给 UI 文件打 0-100 分，输出分类明细、最严重问题和按收益排序的修复清单，可作为展示给用户前的质量门禁。
unsplash-integration
Unsplash Integration 是一个用于搜索和获取 Unsplash 高质量免费专业摄影作品的集成技能。它帮助网站、应用和营销材料获取具有视觉冲击力的图片，替代低质量占位图和普通图库照片，从而提升项目的现代感与视觉品质。该技能支持按关键词搜索、按方向和色彩主题筛选，并可通过 Unsplash API 或直接 URL 下载图片，同时利用动态图片参数（如 ?w=1600&q=85&fit=crop）按需调整尺寸与质量，兼顾布局适配与性能。适用于制作 hero 区域、编辑式排版、产品画廊、艺术纹理、抽象背景等需要高品质视觉素材的场景。
video-analysis
Sonilo 的视频声音分析技能：输入一段视频，返回其声音创作简报。默认同时给出音乐方向简报（分段时间规划 + 多个可直接使用的生成提示词）与音效设计简报（镜头级 sfx_segments + 整段 sfx_prompt），也可用 mode 只取其中一种，价格相同。它本身不生成任何音频、视频或文件，只输出文本。
meitu-ai
meitu-ai 是一个集中维护美图 AI 命令能力的 Skill，统一提供安装、凭证配置、命令映射与执行入口，供其他场景 Skill 按需调用，避免重复维护安装与参数规范。
meitu-image-cutout
美图抠图技能，用于去除图片背景并输出前景结果，内置命令 image-cutout。适合需要对已有图片做主体分离、提取前景的场景。
paper-design
Paper Design 是一个基于 DOM 的设计工具（app.paper.design），设计稿以 HTML/CSS 结构存在，可通过 MCP 让 Claude 直接读写。该技能支持设计转代码、代码转设计、快速原型制作，可将节点导出为 React + Tailwind JSX，导入 HTML/CSS，并通过 get_computed_styles 提取颜色、间距、字体等设计令牌。使用前需先启动 Paper Desktop，应用会自动在 http://127.0.0.1:29979/mcp 启动 MCP 服务器；可用健康检查脚本验证连接，未注册时运行安装脚本。工作流分为四个阶段：Orient（读取文档状态）、Create（新建或修改设计）、Verify（截图验证）、Export（导出代码或令牌）。此外，Paper 还提供独立的 React 着色器库 @paper-design/shaders-react，包含 30 多个着色器，可通过 npm 安装并作为 React 组件使用。
apple-hig-designer
遵循 Apple 人机界面指南（HIG）设计 iOS、iPadOS、macOS、watchOS、tvOS、visionOS 界面。提供 SF Symbols、San Francisco 字体、系统配色、自适应布局与无障碍规范，产出符合 HIG 的组件与页面。
badesign-skill
BADESIGN 是一套面向界面设计工作的判断准则，适用于网页应用、仪表盘、落地页、电商、表单、移动应用、改版与设计评审。它给出优先级、硬性限制、排版配色、动效与交付前检查等指导，帮助在具体项目中做出一致的设计决策。
software-ios-design
这是一个面向原生 iOS 应用的视觉设计技能，用于设计和审查 iOS 界面。适用于评审或优化 SwiftUI 布局、排版、Liquid Glass 材质、导航或仪表盘等场景。它强调以当前 Apple 设计系统为基础，优先使用系统排版、Dynamic Type、语义化颜色、SF Symbols 和标准容器，并要求将间距、字距、圆角和颜色全部令牌化，避免魔法数字。技能覆盖视觉边界与内容排布、交互与反馈、导航与结构、本地化视觉检查以及无障碍要求（Dynamic Type AX5、Reduce Motion、Reduce Transparency、VoiceOver）。它还引入 Runtime Proof Gate，要求截图必须与当前构建产物对应，否则先排查陈旧安装或运行问题。技能附带大量参考文档，涵盖 HIG 排版与颜色、布局间距、iOS 26 Liquid Glass、组件模式、仪表盘设计、动效令牌、工艺与手感、专业场景、Surface 参考、反模式审查以及 AI 设计评审等。
ui-ux-audit
ui-ux-audit 是一个用于 UI/UX 变更的强制审计工作流技能，核心原则是“先读取现状，再实施改动”。它在任何界面改进工作开始前运行，先阅读目标页面、相关组件与数据文件，记录当前已存在的组件、数据展示与设计特征，然后系统性地检查是否存在功能或信息冗余，避免重复实现。技能强调尊重简洁、极简的设计哲学，只识别有代码证据支撑的真实缺口，而非假设性缺口，并在实施前将基于证据的审计发现呈现给用户确认。它适用于改进 UI、增强 UX、修复页面、更新布局、添加组件或可视化等场景，通过防止冗余实现和设计堆砌来保持界面干净。技能附带 REFERENCE.md、FORMS.md 及示例与案例研究等支持文件，用于详细 UX 研究、审计模板和培训。
aile-pencil-design
面向团队工作流的 Pencil 设计技能（阶段2），依据需求与计划产出 design.pen 或声明无 UI 设计，并准备 G2 设计审查材料。
article-illustrator
article-illustrator 是一个智能文章配图技能，用于分析文章内容，识别需要视觉辅助的位置，并按多种可选风格生成插图。它可通过命令 /article-illustrator path/to/article.md 使用，可选 --style 参数指定风格；支持自动根据内容选择风格。提供 notion、elegant、warm、minimal、playful、nature、sketch、watercolor、vintage、scientific、chalkboard、editorial、flat、flat-doodle、retro、blueprint、vector-illustration、sketch-notes、pixel-art、intuition-machine、fantasy-animation 等风格。工作流程包括内容分析与风格选择、定位插图位置、生成插图计划、单步确认（风格/语言）、创建提示文件、生成图片、将图片插入文章并输出摘要，还支持对单张插图进行修改、新增或删除。
jiaju-ruanzhuang-xuangou-zhinan
家具软装选购与搭配指南 Skill，倒序整合西安装修课堂知识库精华，覆盖沙发、床与床垫、衣柜、窗帘布艺、地毯、灯具配饰、装饰画、配色风格、成品家具选购避坑、绿植软装等全流程，帮用户把钱花在提升居住质感的家具软装上。
21st-ui-explore
21st-ui-explore 是一个用于探索和比较多种 UI 设计方向的技能（skill），基于当前项目已有的设计系统与 21st 灵感来源开展工作。它适用于用户希望在保留项目视觉识别的前提下，获得多个有实质差异的界面方案并加以对比与选择的场景。该技能要求先读取 .21st/design.json 和相关产品界面；若缺少上下文，则通过 21st init --design-context 初始化。它强调先用 21st search 搜索多个相关参考，再定义三个具名方向，每个方向需在至少两个有意义的维度上存在差异（如层级、信息密度、导航模型、内容重点、交互模式或构图），仅颜色变化不算数。所有方向共享固定约束，包括真实技术栈、设计令牌、品牌资产、必需内容、无障碍与响应式行为。它要求产出可比较的预览，并在 AI 生成明确启用时才使用托管生成。最终技能会推荐一个方向并说明具体取舍，但由用户决定，选择后清理被放弃的本地变体并在 .21st/design.json 中记录决定。
interfaith-sacred-geometry
这是一个用于生成跨信仰神圣几何图案的技能，旨在创作尊重多种宗教传统的灵性可视化与艺术作品。它强调数学精确性与精神真实性并重，提供通用几何图案（如圆、三角、螺旋、星形）与各传统专属符号（如大卫之星、十字架、唵、法轮、阴阳等）的参考，并给出分层同心、放射排列、几何调和等构图方法，以及跨文化色彩象征与脉轮配色方案。技能还包含数学基础（黄金比例、柏拉图立体、鱼形椭圆、斐波那契螺旋、神圣数字）与实施流程（意图、研究、几何、构图、色彩、审查），并提醒避免文化挪用、尊重符号使用限制、注意语境并咨询传统实践者。
three-js-interactive-builder
Three.js Interactive Builder 是一个用于搭建和构建交互式 3D 可视化的技能，基于 Three.js，强调算法艺术、神圣几何、时间动画与模块化架构。它提供项目目录结构、几何生成脚本、动画控制器与着色器模式参考，帮助开发者快速创建生产级 3D 可视化项目。