ui-design-aesthetics
该技能为设计和实现高质量、非通用风格的用户界面提供指导，强调独特美学、性能架构、渐进式披露与接口契约校验，适用于新功能设计、UI 重构和复杂仪表盘实现。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
设计与创作
20,161 个结果
image-to-code
面向 Codex 的网站「图像转代码」技能：要求先生成设计图并深度分析，再把视觉参考实现为前端。适用于 hero、落地页、营销站等多区块页面，强调可读、可分析、可实现的版式与组件。
threejs-loaders
three.js 资源加载与导出技能，覆盖 LoadingManager、Cache、FileLoader、图片与纹理加载器、GLTFLoader（含 DRACOLoader、KTX2Loader）及常见格式加载器与导出器，用于把文件获取、解码、解析为 three 对象。
film-storyboard-skill
film-storyboard-skill 是面向影视分镜创作的技能，可将剧本转换为视觉化分镜，支持 Beat Breakdown、9 宫格 Beat Board 和 4 格 Sequence Board 三阶段流程，并生成适配 Nano Banner、Midjourney、Gemini 等平台的提示词。
org-design
面向产品与工程团队的组织设计技能，基于 Lenny's Podcast 与 Newsletter 中 27 位嘉宾的观点，帮助选择汇报模型、团队规模与跨职能协作方式，以提升自主性、速度与战略一致性。
adobe-retouch-portraits
Adobe Retouch Portraits 是一个面向婚礼摄影师和活动摄影师的批量人像修图流水线技能。用户选择一批人像照片后，智能体使用 Adobe 创意工具自动完成整批处理，实现“放手即走”的批量修图。默认流程完全非生成式，包含自动校正、自动调色、调整、预设、模糊和裁剪等步骤；生成式编辑仅在支持生成式 AI 的平台上、且仅限背景区域使用。该技能通过 Adobe for creativity 连接器调用一系列图像工具，并支持预设发现、情绪风格选择、样片预览确认等环节。
replica-brand
replica-brand 是一个为应用克隆项目改名与重新品牌化的技能，帮助克隆应用摆脱原产品身份，生成名称候选并给出商标、域名、应用商店与社交账号等检查清单，同时替换配色、标志与文案。
morphing-icons
Morphing Icons 是一套构建 SVG 变形图标组件的技能：任意图标间通过真实线条形变而非交叉淡入互相转换。核心约束是每个图标恰好由三条 SVG 线组成，不足的线折叠为不可见中心点，从而保证任意两图标都能无缝变形。
menu-design-generation
基于 each::sense AI 生成餐厅、咖啡馆与酒吧菜单设计，支持印刷菜单、数字显示屏、二维码菜单及季节性特供等格式，通过 API 调用输出适配不同尺寸的菜单视觉稿。
guizang-product-video-skill
归藏产品视频技能（guizang-product-video-skill）用于制作代码驱动的软件产品宣传片与版本更新片。它从真实功能与产品设计推导方向，用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片，不套模板。
web-design-guidelines
web-design-guidelines 是来自 vercel-labs/openreview 的一项技能，用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出“review my UI”“check accessibility”“audit design”“review UX”或“check my site”等需求时可以使用。其工作方式是：先从指定源 URL 获取最新指南，再读取指定文件（或向用户询问文件/匹配模式），然后对照指南中的全部规则进行检查，最后以简洁的 file:line 格式输出发现的问题。该技能强调每次审查前都重新获取最新规则，以保证依据的是最新版本。
modern-short-video
基于 Remotion 与 React 制作现代化产品发布/宣传短视频的技能，适用于 App 推广、SaaS 发布、产品演示与创业路演视频，输出约 15-25 秒的 8 场景短片。
image-gen
基于 Gemini 原生图像生成能力为网站生成与编辑配图的技能，覆盖主视觉横幅、服务卡片、含可读文字的信息图与多轮编辑，需迁移至 @google/genai SDK。
project-manager
用于管理视频制作项目的技能，围绕项目清单、角色档案、工作流记录与素材追踪展开，适合在 ComfyUI 视频创作流程中组织项目结构、记录生成历史与角色设定。
kicad-schematic
用于在选定 IC 后完整绘制或修改 KiCad 原理图的技能，支持依据数据手册、参考设计、渲染图与网表进行连线、审查与迭代，强调用图像输入验证整洁度与连接正确性。
container-scanning
该技能用于扫描容器镜像中的漏洞与安全配置问题，覆盖基础镜像、软件包和配置，并支持在 CI/CD 中设置安全门禁、扫描镜像仓库镜像以及满足合规要求。
nestjs-oop-design-patterns
面向 NestJS 与 TypeScript 的 OOP 与设计模式技能，用职责划分、封装不变式和 SOLID 取舍提升代码可变更性与正确性；强调按实际压力选用模式，拒绝为装饰而套模式。
algorithmic-art
algorithmic-art 是一个用于创作算法生成艺术的技能，基于 p5.js 实现带种子随机性与交互式参数探索。用户提出用代码创作艺术的需求时，可借助它先产出一份算法哲学（.md 文件），再将其表达为 p5.js 生成艺术（.html + .js 文件）。它强调过程优先于结果，把算法哲学转化为计算过程、涌现行为、数学之美、噪声场、粒子与场的动态以及参数化变化。实现阶段要求以 templates/viewer.html 作为字面起点，保留固定结构与品牌元素，仅替换算法、参数与参数控件等可变部分，最终输出一个自包含、可在浏览器或 claude.ai 中直接运行的交互式 HTML artifact，包含种子导航、参数滑块、颜色选择、重新生成、重置与下载 PNG 等控件。
brooks-review
brooks-review 是一个面向 PR 代码审查的 AI 技能，用于识别代码腐化风险、设计异味与可维护性问题，按“症状→来源→后果→补救”给出具体发现。资料未提供安装与收费信息。
maplibre-cartography
MapLibre GL JS 制图技能，讲解标注与符号在影像底图与矢量底图上的可读性、点图标图底关系、矢量道路在影像上的重着色、精灵图与样式图层顺序等制图原则。
guide-swiftui-animations
SwiftUI 动画模式指南技能，涵盖隐式与显式动画、过渡、相位与关键帧动画、Animatable 协议及 @Animatable 宏，适合在编写 SwiftUI 动画时参考。
Skywork Design
Skywork Design 是一个通过后端 Skywork 图像 API 进行图像生成与编辑的技能，可用于海报、Logo、视觉素材生成及图片修改。使用前需在 OpenClaw 配置 SKYWORK_API_KEY，每次生成约需 2 分钟。
video-character-design
用于视频、分镜、广告、动画或AI视频生成流程的角色设计技能：先产出可复用的角色设定文档（.md），经用户确认后再由图像生成模型生成16:9角色设定表（.png），支持从参考图/分镜提取或从零设计。
canvas-design
canvas-design 是一个用于创作视觉艺术作品的技能，输出 .png 与 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时使用。其流程分为两步：先创建一份设计哲学（.md 文件），描述一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及极简文字来表达的美学运动；再将该哲学在画布上视觉化，生成以视觉设计为主、文字为辅的成品。该技能强调视觉表达、空间沟通与艺术诠释，要求文字极简、仅作视觉元素，并反复强调作品应呈现出手工精雕细琢、出自顶尖专家之手的质感。最终输出单个可下载的 .pdf 或 .png 文件，以及作为 .md 文件的设计哲学。