design-visual-storyteller
Visual Storyteller 是 Agency Agents 中面向 Codex 的视觉叙事专家角色，专注于视觉叙事、多媒体内容与品牌故事设计，把复杂信息转化为具吸引力的视觉故事并推动情感共鸣。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,106 个结果
marketing-short-video-editing-coach
面向 Codex 的短视频剪辑教练技能，覆盖剪辑软件选型、构图运镜、转场、调色、音频、动效、字幕排版与多平台导出等后期全流程，提供 CapCut Pro、Premiere Pro、DaVinci Resolve、Final Cut Pro 的对比与选择建议。
video
面向 AI 视频制作与程序化视频生成的技能包，帮助用户用 AI 生成模型、AI 数字人和代码框架高效产出营销视频，涵盖产品演示、讲解、社交短片与广告等类型。
ui-ux-pro-max
UI/UX 设计智能检索技能，为 Web 与移动应用提供 67 种风格、96 种配色、57 组字体搭配、99 条 UX 准则和 25 种图表类型，覆盖 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等 13 个技术栈，支持按优先级给出可搜索的设计建议。
better-gradient
Better Gradient 是一个离线渐变预设工具，内置预设目录，帮助用户在设计渐变时优先从已有预设中匹配接近的方案，而不是从零发明新的色阶。它强调先按色相家族（hue family）匹配，再选择插值模式：短而鲜艳的渐变默认使用 OKLCH，多色标、氛围感强的渐变则使用 OKLAB。工具通过命令行脚本按自由文本、家族或预设 ID 检索预设，并输出 CSS 或 JSON，同时保留用户指定的角度与输出格式，未指定角度时默认 135deg。
export
c2d2c 的代码转设计（code-to-design）导出流程，将代码中的 UI 组件、全部状态与设计令牌导出到 Figma，并强制绑定已同步的设计变量。
restore
c2d2c 的 Figma 设计到代码工作流技能，包含八个标准步骤，用于按 1:1 还原实现或更新 UI。每次用户提供 figma.com/design/... 链接时使用。
iceberg-best-practices
Apache Iceberg 表设计、分区、压缩、目录配置与多引擎湖仓管理最佳实践，涵盖隐藏分区、模式演进、排序、文件格式、Catalog 选择、读写优化、表维护、时间旅行、MoR/CoW 及 Spark/Flink/Trino 集成。
stitch-design-system
通过 stitch MCP 工具为 Google Stitch 项目配置视觉主题与品牌的设计系统技能，管理颜色、排版和形状令牌。
stitch-screens
用于 Google Stitch MCP 服务器的从文本生成屏幕技能，仅覆盖 generate_screen_from_text。适用于生成屏幕、制作原型、向 Stitch 项目新增页面设计等场景，需先解析 projectId、designSystem 与 deviceType，并遵循长时任务不重试、超时轮询的协议。
carocut-media-audio
该技能用于音频素材的生成与获取，面向视频制作流程中的配音、背景音乐与音效环节。它通过 Edge TTS 批量生成旁白语音，支持根据 storyboard 的 pacing 字段调整语速（slow 1.0、medium 1.2、fast 1.3，pause 段跳过生成），并从 Freesound 检索 BGM 与 SFX，其中 BGM 按章节主导节奏匹配 BPM 范围（slow 60-80、medium 90-110、fast 120-140）。生成后提取音频时长，输出 durations.json（毫秒整数），供 Remotion 进行镜头时序同步。支持增量模式，仅重新生成指定 VO 段落，但必须重新提取完整 durations.json。
carocut-media-visual
carocut 的视觉素材获取与生成技能：依据 manifests/resources.yaml 的视觉资源定义，通过 Pexels/Pixabay 库存图片与视频检索，或用 Caro LLM 兼容接口 AI 生图，产出图片、视频与精灵图并回写路径。
animated-video-philosophy
一个面向动画视频创作的“故事优先”动态设计理念技能，强调运动必须有存在理由，围绕建立、复杂化、解决的叙事弧展开，先读写作理念再做创意执行。
cinematic-product-promo-plan
用于制作电影感产品宣传片的端到端生产计划模板，强调以感受为先，覆盖需求问询、约45秒节拍结构与核心元素设计，可按产品替换名词但需保留阶段、时长纪律与技术承诺。
example-lottie
面向 Helios 的 Lottie 集成模式，用于让 Lottie（Bodymovin）JSON 动画与 Helios 时间轴同步渲染。资料提供使用 lottie-web 手动 seek 的示例代码，核心是关闭自动播放并按时间轴定位动画。
example-p5-animation
介绍如何将 P5.js 与 Helios 结合使用，通过 P5 实例模式和 Helios 状态驱动 draw() 循环，适用于创意编程草图与生成艺术。
example-pixi
Helios 与 PixiJS 的集成模式，用于通过 Helios 订阅循环驱动 Pixi 场景属性，实现高性能 WebGL 2D 动画。
example-tailwind-animation
介绍如何在 Helios 合成中使用 Tailwind CSS 进行样式与动画，结合 autoSyncAnimations 让 CSS 动画可被 Helios 时间轴控制。
ui-review
ui-review 是一个用于审查 UI 代码的 AI 技能，检查设计系统合规性、无障碍访问与最佳实践，输出评分、问题清单与修复建议。
ui-setup
StyleSeed 的交互式设计系统配置向导，逐步引导用户为项目选择应用类型、品牌色、设计风格、字体并生成首个页面，最终修改主题、字体与页面文件。
ux-audit
ux-audit 是一个面向界面（尤其是移动端）的 UX 审计技能，依据 Nielsen 十大可用性启发式原则与现代移动 UX 最佳实践，对目标屏幕进行评分并列出问题。
ux-feedback
ux-feedback 是一个为组件或页面补充用户反馈状态的技能，针对依赖数据的区域实现加载、空、错误、成功四种状态，并提供骨架屏、空状态、错误重试与 Toast 提示等具体 UI 规则。
better-interface
better-interface 是一个跨领域的界面评审与构建编排技能，协调无障碍、布局、文案、排版、色彩与视觉打磨六个子技能，把分散审查汇成一份按优先级排序的统一结论。
better-typography
一份面向网页排版的技能指南，覆盖字体选择、可变字体与 OpenType、字号与间距、换行与标点、细节与可访问性，并附 CSS 速查表（含 Tailwind 对照）。适用于挑选或搭配字体、审查文字渲染与换行问题，强调克制、语义化字号层级与项目既有样式系统。