visual-design-system
为落地页建立视觉设计系统：选定配色、字体与间距尺度，并以 DESIGN.md 中的 token 编码，配合确定性 lint 门禁让 AI 生成结果保持品牌一致、避免通用化审美。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
设计与创作
21,839 个结果
timeless-love-story
这是一个用于生成约70秒电影感短片的AI技能，讲述一对恋人在五个历史时代（古埃及、古罗马、中世纪、狂野西部、文艺复兴）及现代结局中轮回转世的故事。全片采用统一的手持DV摄像机“伪纪录片”风格，第一人称视角由男性角色持机拍摄，每个时代以两人穿过黑暗门廊的转场无缝衔接。用户需提供男女各一张参考照片及两人名字，技能将先生成12张角色参考表（含现代装束），确认全部完成后并行生成6段时代视频和音乐，并自动将生成中的片段放置到时间线上，最终输出包含标题卡和史诗浪漫配乐的完整短片。
grill-to-spec
grill-to-spec 是一个用于把设计讨论逐步收敛为规范的技能。它通过提问让用户敲定设计，在对话中起草 ADR 或术语表的完整文本，并提示用户运行 /to-spec 发布结果。整个过程中不修改工作区。
learning-cefr-alignment
将语言学习内容对齐 CEFR（A1-C2）框架的技能：设计各级别 can-do 描述语、创建语言评估量规、映射课程进阶，并输出词汇与语法范围序列。
learning-engagement
面向学习场景的参与度设计技能，用游戏化、社交学习、个性化与动机设计制定循证策略，提升学习者动机、互动与坚持度。
blackjack
一个让智能体充当庄家、与用户进行二十一点（Blackjack）对局的技能，可管理游戏状态、发牌并发送牌面图片，支持 Telegram 内联按钮操作。
peon-ping-create-pack
PeonPing 草稿包创建技能，仅供 `peon create` 无头调用，用于从零起草一个新的 PeonPing 包。人工应改运行 `peon create`。
orchestration-best-practices
面向多步骤工作流编排的技能，用于生成复杂流程代码、智能体协调与系统设计，强调步骤定义、依赖跟踪、错误处理与验证。
pippit-one-stop-skill
Pippit.ai 一站式技能，用于海外 AI 创意生成与编辑、素材下载、社交视频发布、定时任务与数据分析。包含本地 nest 与 publish 脚本，无需外部技能目录，需配置 Pippit 访问密钥。
mobile-ux
Mobile UX 是一个面向 iOS 与 Android 的移动端体验设计技能，提供平台规范、手势、响应式布局与平台优化指导，帮助打造原生感移动体验。
html-ppt
html-ppt 是一个以静态 HTML/CSS/JS 编写专业演示文稿的技能，基于 token 化设计系统。幻灯片由主题（外观）、单页布局、整套模板和 CSS 或 Canvas 动画效果组合而成；内置键盘导航，按 S 打开带演讲脚本和计时器的同步演讲者窗口，并支持 PNG 导出与图文卡片集（小红书风格）。输出为纯静态页面，仅依赖 CDN 网页字体，可在任意环境打开。
huashu-art-motion
huashu-art-motion 是一个由代码驱动的艺术与讲解视频动画技能，源自 podo/design-agent-skills 目录，完整技能位于 alchaincyf/huashu-art-motion。它采用故事板优先的流程：先编写镜头清单（每部影片一种视觉风格、一种调色板，逐镜头列出名词和动词），再做检查，逐镜头渲染为视频片段，拼接后执行逐帧质量检查，只有通过检查才交付。技能内置多种已实现的画风、可迁移的风格配方以及讲解动画语法，能根据画外音参数渲染片段。AI 生成帧、已有录像和声音克隆均为可选。运行需要本地 uv、ffmpeg 和 Playwright Chromium，技能文本与参考文档为中文。安装通过 npx skills add 命令完成，首次安装需下载约 154 MB，若超时可用 SKILLS_CLONE_TIMEOUT_MS=900000 重试。适用场景为代码驱动的艺术动画与讲解视频制作；不适合杂志级排版与动态设计原型、现有网页构图的 HTML 转视频、界面微交互与 UI 动效。
oil-motion
oil-motion 是一个面向网页动效制作的 AI 技能：它把 AI 生成或已有的视频、图像序列转换为响应滚动、指针、拖拽、触摸、设备方向、音频、数据等输入的网页动画。它用 AI 处理语义变化（角色转身、产品爆炸拆解、镜头穿越场景），用确定性代码负责输入映射、播放控制、媒体处理与性能，并能对绿幕视频和精灵图做清理、抠像、补帧与压缩。AI 生成默认走 ZenMux、按次计费、需 API Key，提示词与图像会发送给第三方；本地处理已有媒体不消耗 Key。安装需 Python 3.10+、Pillow、ffmpeg/ffprobe，密钥配置页需 Node.js 22.18+，目前上游仅在 macOS 验证。采用 MIT 许可，技能文本为中文。
wpds
WPDS 是 WordPress Design System 技能，用于依据官方 WordPress 设计系统构建和审查 UI，覆盖 @wordpress/components、@wordpress/ui、设计令牌、颜色基元、间距比例与排版预设。它通过 WPDS MCP 服务器获取权威组件与令牌文档，并默认以 TypeScript、React、CSS 为技术前提。该技能需配合实验性的 @wordpress/design-system-mcp 使用，面向 WordPress 7.0+，安装与配置前应先征得用户同意。
codex-router-media
通过 codex-router 媒体 CLI 调用运营者的 MiniMax Token Plan 订阅，生成视频、音乐、语音或图片的技能。密钥由路由器自行解析，每次调用消耗付费额度，仅在用户明确要求时生成一次。
figma-code-connect
用于创建和维护 Figma Code Connect 的解析器无关模板文件（.figma.ts），把已发布的 Figma 组件映射到代码片段。适用于用户提到 Code Connect 或需要为组件生成设计到代码映射的场景。
figma-create-new-file
一个用于在 Figma 草稿文件夹中创建新空白文件的技能，要求在调用 create_new_file 工具前先加载。支持 design、figjam、slides 三种编辑器类型，并可指定文件名。
figma-design-to-code
figma-design-to-code 是一套面向 AI 编程智能体的技能，用于把 Figma 设计实现为代码。它规定在调用 Figma MCP 的 get_design_context 工具前必须先启用本技能，并据此把设计上下文适配到目标项目的实际技术栈中。
figma-generate-design
用于在 Figma 中根据已发布设计系统（组件、变量、样式）创建或更新完整页面、弹窗、抽屉、侧栏等多区块视图的 Agent 技能，需配合 figma-use 使用。
figma-generate-diagram
figma-generate-diagram 是一项技能，要求在每次调用 generate_diagram 工具前先加载，用于把 Mermaid.js 语法生成可编辑的 FigJam 图表。它提供按图表类型分流的参考文档，并设定通用约束，以降低渲染失败和低质量输出。
figma-generate-library
一个面向 Figma 的智能体技能，用于从代码库生成或更新专业级设计系统，包括变量、令牌、组件库与文档页面，强调分阶段、可校验的多步工作流。
figma-implement-motion
将 Figma 中的动效与动画转换为可运行的生产级代码的技能，支持 motion.dev、CSS keyframes 或框架动画库。适用于用户要求依据 Figma 设计实现动画/动效的场景。
figma-use
figma-use 是一套通过 Figma Plugin API 在 Figma 文件中执行 JavaScript 的技能，调用 use_figma 前必须先加载它。用于查询节点、批量改属性、创建组件与变量、编辑文本、切换页面等，并配套 figma-generate-design、figma-generate-library 等技能完成整页建屏与组件库搭建。
figma-use-figjam
面向智能体的技能，为 Figma 的 use_figma MCP 工具提供 FigJam 场景专用上下文，帮助在 FigJam 白板中创建分区、便签、连接线等元素，并说明与 figma-use 基础技能的配合方式、加载要求与常见限制。