algorithmic-art
该技能用于通过 p5.js 创作算法艺术，采用带种子的随机性与可交互参数探索。它会先撰写一份算法哲学 .md 文件，再输出可直接在浏览器运行的交互式 HTML 与生成算法，适合用户要求用代码创作艺术时使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,050 个结果
canvas-design
canvas-design 是一项用于创作 .png 与 .pdf 视觉艺术的设计技能，适用于用户要求制作海报、艺术作品等场景。它先撰写设计哲学 .md 文件，再据此在画布上做视觉表达，强调极简文字与专家级工艺。
generate-image
generate-image 是 transloadit/skills 提供的一个简短别名技能，用于一次性图像生成场景。当用户要求根据提示词（prompt）生成图像文件时使用此技能，实际实现会路由到 transform-generate-image-with-transloadit 技能。它面向的是把提示词转成一个或多个图像文件、生成到本地输出图像文件、以及一次性生成（而非应用集成）的需求。该技能本身不重复具体工作流，仅作为一个便于发现和调用的别名入口。
font-extractor
Font Extractor 是一个用于从网站提取并下载字体的技能。它能够自动查找网页中使用的所有字体文件，并将它们下载到本地，最终按字体族归入 ./fonts/<font-family>/ 子目录中。其工作流程为：先确认保存位置（默认 ./fonts/），再从页面 HTML、CSS 的 @font-face 块、preload 标签、内联样式或 JS 打包文件中定位字体文件 URL，下载 .woff2、.woff、.ttf、.otf、.eot 等格式的字体，最后通过内置脚本读取字体文件内部的名称表来判定字体族并整理归类，无法识别字体族的文件会被命名为 Unknown-1、Unknown-2 等。该技能适合需要抓取网页字体、保存字体资源以便离线使用或分析的用户。
dashboard-design-guidebook
依据日本数字厅《Dashboard Design 实践指南》整理的可读仪表盘设计技能，涵盖图表选择、布局、配色、无障碍与检查清单，用于提示型仪表盘设计、制作与评审。
image-editing
用于在保留产品身份、精确文案、构图和已批准改动的前提下编辑用户提供的图片，需自备图像编辑工具或已配置的 API，并具备图像检查与参考文件访问能力。
ui-slop-review
这是一个面向 Web 与 iOS 界面的“UI slop”上线前审查技能。所谓 UI slop，指界面看起来仍像智能体（AI）的第一版草稿，尚未完成打磨。该技能在界面实现完成后使用，通过截图、渲染产物或用户授权的只读在线页面等渲染证据，判断界面是否可以上线，并给出最小且具体的修改建议。它强调以证据而非个人口味做结论：只在有渲染证据时才能对视觉就绪度下结论；若只有源代码，则说明代码能证明的内容，但对视觉就绪度返回 NOT READY，并列出缺失的渲染证据。审查范围覆盖产品意图与层级、产品具体性、交互与状态、响应式与可观察的无障碍、参考资料完整性等类别，并将发现分为 Blocking、Important、Optional 三级。输出采用固定结构：Verdict（READY 或 NOT READY）、Review scope、Blocking、Important、Optional、Unverified scope。该技能不会自行检索外部参考、不操作 UIZZE MCP、不登录、不提交表单、不做网络变更，也不会在用户未单独要求时修改实现。
lemo-opuscar
Lemo-Opuscar 是一个面向“代码导演视频”的风格选型与接入导航 Skill，提供 59 种 Canvas/WebGL 视觉风格索引，覆盖纪实新闻、数据叙事、手绘东方、角色叙事与 MV、产品空间演示等方向，并支持在已有风格上改造或从零建立个人品牌/IP 风格。它本身只保存浓缩索引与预览，实际制作需安装或复制上游完整 Skill，读取导演、技术渲染与风格三份规范，用逐帧渲染方式输出 MP4。
opus-video-skills
Opus Video Skills 是两套基于代码的视频工作流选择与接入指引，面向 p5.js 与 WebGL 的程序化视频创作。painted-animation 使用 p5.js + p5.brush 制作水彩/水墨风格角色短片、手绘 MV、逐字歌词与循环动画；kinetic-reel 使用 Canvas 2D + three.js/WebGL 制作动态排版、作品集、产品与片头 Reel 及程序化配乐视频。项目需从上游仓库安装插件，依赖 Node.js、Chrome 与 FFmpeg，并按技能脚手架创建工程。使用过程强调先写故事板、逐帧纯函数构建、声音与画面共享时间数据，以及渲染后检查与导出。
algorithmic-art
algorithmic-art 是一个用于创建算法生成艺术的技能，基于 p5.js 与种子随机性，支持交互式参数探索。适合需要在代码中生成艺术、输出算法哲学与可交互查看器的场景。
canvas-design
该技能用于借助“设计哲学”创作 .png 与 .pdf 形式的视觉艺术作品，适用于用户要求制作海报、艺术作品的场景。其流程分为两步：先创建一份设计哲学（.md 文件），再在画布上将其视觉化表达（.pdf 或 .png 文件）。设计哲学以形式、空间、色彩、构图，以及图像、图形、形状、图案为表达媒介，文字仅作为极简的视觉点缀。最终作品强调高度视觉化（约90%视觉设计、10%必要文字），并要求呈现精工细作、大师级执行的效果。
slack-gif-creator
Slack GIF Creator 是一套用于创建针对 Slack 优化的动画 GIF 的工具与知识集合。它提供 Slack 对 GIF 的尺寸与参数约束、验证工具以及动画概念，帮助用户用 Python 的 PIL 库从零绘制并组装动画帧。该技能包含 GIFBuilder 帧组装与优化、validators 校验、easing 缓动函数和 frame_composer 常用绘图辅助函数，并给出抖动、脉冲、弹跳、旋转、淡入淡出、滑动、缩放、粒子爆发等动画实现思路。它不提供固定动画模板或预制图形库，动画逻辑需自行用 PIL 图元编写。
theme-factory
Theme Factory 是一套用于为幻灯片、文档、报告和 HTML 落地页等制品统一配色的工具包，内置 10 套预设的颜色与字体主题，并提供从展示、选择到应用主题的工作流程。每套主题包含带十六进制色值的配色方案，以及分别用于标题和正文的字体搭配，形成适合不同场景与受众的视觉风格。使用时先展示主题预览文件供用户查看，再询问并确认所选主题，最后将对应颜色与字体一致地应用到目标制品上。若现有主题均不适用，还可根据输入生成自定义主题，命名方式与预设主题类似，生成后先展示供审核确认，再按同样流程应用。
tech-design-writer
技术方案与设计文档写作技能，用于把需求与约束整理为可评审、可落地的 TDD、架构方案、arc42 与 ADR 文档，覆盖需求、架构、API、数据模型、部署与风险等章节；长文与材料整理可委托 OpenCode 执行。
design-system-generator
design-system-generator 是一套从客户网站 URL 生成单文件 HTML 品牌/设计系统的可复用工作流，抓取线上站点真实文案、配色与字体，产出可直接交付客户、用于后续提案的设计系统页面，并部署到 Netlify。
ux-reviewer
对既有 UX 流程、界面、原型、截图或在线产品做有证据支撑的评审，给出可用性判断、问题、原因与修复优先级。适用于 UX 审查、审计或“毒舌评审”请求，但不涉及纯文案、代码架构或全新概念设计。
paper-slide
PaperSlide 技能用于把文章、笔记、报告或粗略主题制作成纸面手绘风格的竖屏知识短视频（Reel）。输出优先为 MP4，或至少提供标题/正文静帧与可渲染素材。
unity-game-visual-assets
Unity 视觉与资源接入角色，覆盖场景与显示层 V0-V4 阶段：视觉基线、结构草图、资源拆解、2D/UI 资源生产与 Scene/Prefab/UXML 组合验收。不负责生产级 3D 模型或 PBR 贴图。
ui-diff
UI Diff 是一个用于展示界面改动的技能，能够生成一个自包含的 HTML 页面，将 UI 的两个状态并排对比，并把改动理由以编号注解的方式固定到具体像素元素上。Before 通常是当前界面，After 则是计划、已完成分支或替代方案。页面包含标题和简短说明，说明哪些变化了、哪些保持不变；提供一行控制项，例如注解开关、布局（并排/堆叠）、视口、长框架同步滚动以及能触发改动的数据变体；左右两栏分别标注为“Before · ”和“After · ”，每栏下方列出编号注释，Before 注释指出问题，After 注释说明修复，每条注释由加粗结论和一句原因组成，并在存在具体数值（px、数量、价格）时给出。每个编号注释在框架对应元素上有一个编号针脚，悬停注释会高亮针脚，悬停针脚会高亮注释。输出时写入 $TMPDIR/<topic>/before-after.html 并在后台浏览器窗口中打开，当需要 http 时用 python3 -m http.server 提供目录服务，最后回复路径。完成标准是每条注释都在其描述的元素上有针脚，且每一侧都与其标注的来源一致。
baoyu-slide-deck
baoyu-slide-deck 是一个将内容转换为专业幻灯片图片的工具，可生成带风格指令的大纲，再逐张生成幻灯片图片，并支持合并为 PPTX 或 PDF。
ai-teaching-media
AI 教学媒体一体化技能包，在同一个 skill 内串联 6 个子能力：通用生图执行层、技术长文智能插图、学科知识点竖版信息图、教学动图与配音教学视频、短视频 3:4 封面、长文章节解说视频。适合在需要给文章配图、制作学科信息图、教学动图或视频、短视频封面，或希望从知识点／文章一路产出图文视频全套教学资产时使用，并支持按“知识点→全套资产”“技术长文→图文＋解说视频”“口播／短视频发布包”三类流水线串联执行。
Excalidraw Flowchart
Excalidraw Flowchart 是一项用于把流程描述转换为可在 Excalidraw 中打开的 .excalidraw 文件的技能，适合绘制流程图、架构图、决策树与工作流。它依赖 @swiftlysingh/excalidraw-cli 命令行工具生成文件。
remotion-best-practices
Remotion 最佳实践技能，为在 React 中创建视频提供领域知识。涵盖动画、音频、字幕、转场、3D、图表等主题，通过按需阅读规则文件获取详细说明与代码示例。
remotion-synced-video
基于 Remotion、TTS 与真实网页图片生成音画同步视频的技能，支持 Google Images、Bing、Unsplash 多源图片搜索及渐变占位图，含字幕同步、动画与脚本配置。