psychrev-conceptual-exhibits
用于设计《Psychological Review》稿件中的概念性图表，包括模型/架构图与模型行为模拟图（非实验图），提供图表设计规则、APA图注规范、检查清单与常见反模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,106 个结果
js-design-patterns
一个面向现代 JavaScript（ES2017+）的设计模式技能，帮助开发者按问题选择并应用经典 GoF 风格模式，如单例、观察者、工厂、代理、原型、模块、混入、中介者和享元，并给出用法、代码示例与权衡。
character-designer
Character Designer 是 buda-ai/bunny-agent 中的角色设计技能，用于为视频项目创建完整角色人设档案、人物介绍剧本、三视图（正面/侧面/背面）AI 生图提示词，并导出一致性 Token 供后续剧照生图引用，确保角色在不同场景中视觉一致。
script-writer
Script Writer 是 buda-ai/bunny-agent 中的一项技能，用于把大纲或主题转化为可直接录制或供数字人生成的完整视频脚本，包含时间标记、口播文案、转场、视觉提示与出镜/配音提示，并可按平台、时长和风格生成多个版本。
upload-to-drive
该技能用于将完成的视频及相关文件上传到 Google Drive，并按项目建立有序的文件夹结构，支持设置共享权限和生成分享链接。
video-merger
video-merger 是 buda-ai/bunny-agent 中的视频合并技能，用于把多个短视频片段按顺序拼接成一个完整视频，并提供转场效果、格式统一、背景音乐和片头片尾等处理。整个流程基于 FFmpeg 命令行操作：先准备文件列表（可手动指定或扫描目录），再统一分辨率、帧率与编码，随后用 concat demuxer 做无转场合并，或用 xfade 滤镜添加淡入淡出、擦除、滑动等转场，最后可叠加背景音乐并拼接片头片尾。输出文件保存在 ./output/merged/ 目录下。该工具适合短视频合集、系列内容整合等场景；带转场功能需要 FFmpeg 4.3 及以上版本，背景音乐与片头片尾素材需自行准备。
brainstorm
brainstorm 是一个用于模糊或高风险工作的协作发现与设计框定技能，通过结构化对话把粗略想法转化为可评审的设计产出，帮助澄清需求、探索方案取舍，并在确认后写入设计文档或交接给规划流程。
nano-banana
Nano Banana 是一项基于 Google Gemini 模型的图像生成技能，可根据文字提示或参考图生成图片，用于前端设计等场景。需配置 GEMINI_API_KEY，通过 uv 运行脚本生成，支持多模型、多种宽高比与分辨率选项。
promo-video
promo-video 是一个基于 Remotion 制作专业宣传视频的 AI 技能，支持 AI 配音与背景音乐，适合产品发布、SaaS 演示和品牌推广等场景。
a2a-assets
a2a-assets 是 Assets 的 MCP 工具接口，供其他应用或 MCP 宿主调用，用于生成、精修、导出并插入品牌图片或视频，支持人工选择与无人值守的跨应用委派。
asset-generation
Asset Generation 是 agent-native 的资产生成技能，用于品牌安全的图片或视频生成、人工挑选界面、搜索/列举/导出操作以及跨应用资产选择，让工作流复用可引用的品牌媒体资产。
charts
charts 是一个用于在聊天回复中生成内嵌图表图片（PNG）的技能，支持柱状图、折线图和面积图，适合在对话中做数据可视化。图表由服务端渲染并通过 /api/media/ 提供访问。
design-generation
面向 Design 智能体的设计生成技能：用 Alpine.js 与 Tailwind CSS（经 CDN）生成或精修完整的可交互 HTML 原型，覆盖页面、变体与视觉微调。
design-systems
用于管理并应用 Design 应用品牌设计系统的技能，可创建、导入、关联、查看和遵循设计系统令牌、资产、字体、Logo 等，支持从网站、GitHub、代码文件、文档、Figma 等多来源导入。
image-generation
用于在调用 generate-image、generate-image-batch 或 refine-image 前准备图像生成与迭代的技能，支持从素材库、参考图和既有候选中生成品牌一致的图片，并管理预设、参考板与生成会话。
image-generation-via-a2a
该技能让幻灯片应用在需要配图时，通过 A2A 委托给 agent-native 的 Images 应用生成图片，使生成结果基于用户的品牌库（参考图、配色与风格说明）；未配置时自动回退到直连 Gemini/OpenAI 的通用风格路径。
logo-composite
logo-composite 是一种“先生成、后合成”的品牌图像流程：让图像模型在右上角留出干净空白，再用 Sharp 把标准 logo 精确合成上去，避免 LLM 重绘导致 logo 变形、渐变污损或文字丢失。
prototypes
原型模板管理技能：用于打开、编辑、重新发布及与 Figma 同步 prototypes/ 目录下的模板原型（Design、Chat、Slides、Clips、Analytics 等 Claude 制品）。每个原型基于单一 source.html 构建为单页并发布为 Claude 制品，无画廊页面。该技能支持修改源码、记录变更条目、无头构建验证、重新发布固定链接，并规范地向 Figma 推送（使用设计系统组件与变量、8pt 网格）或从 Figma 拉取变更回写原型。
responsive-breakpoints
在 Design 中实现 Framer 风格响应式断点编辑：每个屏幕只有一棵 DOM 树，断点帧是同一文档在不同视口宽度下的渲染，编辑按宽度级联覆盖。适用于增删断点、设置活动断点及编写响应式样式。
shader-fills
Shader Fills 是一套代码驱动的 GLSL 着色器填充与特效方案，用于为设计稿中的元素添加由源码控制的着色器效果。每个着色器以 GLSL 片段源码加 JSON uniforms 清单的形式，作为可读源码直接持久化在页面 HTML 中，由内嵌在同一 HTML 里的自包含 WebGL 运行时实时渲染，因此在编辑器、分享链接和导出的独立文件中均可正常工作。用户可在代码面板中查看并编辑 GLSL，uniform 旋钮会自动出现在检查器中（填充 → 着色器绘制类型，以及 特效 → 着色器）。支持两种模式：填充（canvas 位于内容之后形成材质）与特效（透明叠加 canvas 置于内容之上）。提供 12 个预设，包括 mesh-gradient、glowing-wave、water-caustics、fractal-noise、clouds、nebula、moire、concentric-rings、pattern-grid 等填充预设，以及 film-grain、halftone、scanlines 等特效预设。
slide-images
slide-images 是 builderio/agent-native 中的幻灯片配图工作流，通过 generate-image、image-search、logo-lookup 等脚本生成或检索图片，并支持风格参考与对话式迭代。
video-editing
Agent Native 的非破坏性视频剪辑技能，用 editsJson 模型管理裁剪、分割、切段、变速与模糊，支持基于转录文本的编辑，并通过 ffmpeg.wasm 导出。适用于修改录屏编辑逻辑、时间线 UI、预览叠加层或导出流程的场景。
design-design-system
该技能把用户提供的视觉参考图（截图、Mockup、Figma 画框或欣赏的线上网站）翻译成一套设计系统，并写成两个互相对应、同步更新的文件：docs/DESIGN.md（采用 Google 开放 design.md 格式的 YAML 设计令牌，附带文字说明，是编码智能体构建时的依据）与 docs/DESIGN.html（自包含、可在浏览器中打开、用同一套令牌值渲染所有令牌与组件的样式指南）。它属于产品设计流程中的第 3 步：在产品身份（Product Identity）已写定的前提下，从真实图像中提取颜色、字体、间距、形状与组件，并与产品身份进行调和。支持完整模式与 Lite 模式（仅品牌令牌，用于无界面的产品，如技能、MCP 服务、服务型产品、数字产品的上架页、落地页与文档）。
studio-design-design-system
该技能把用户喜欢的图片参考（截图、模型图、Figma 链接或网站）转化为设计系统，输出两份同步文件：docs/DESIGN.md（YAML 令牌加说明，供 AI 编码代理读取）与 docs/DESIGN.html（可在浏览器查看的样式指南）。