gameday
gameday 是一个用于生成“比赛日”球迷照片的技能：用户上传一张自己的照片并指定喜爱的球队，工具会生成 6 张该用户作为超级球迷在比赛现场的照片，组成一组比赛日轮播图。它通过图像编辑方式，在保持人物面部一致的前提下，分别生成抵达球场、赛前座位、看台欢笑、进球庆祝、人群自拍、通道披旗等 6 个场景的竖版照片。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
设计与创作
19,375 个结果
stagefight
stagefight 是一个用于生成“粉丝现场拍摄的舞台格斗”短视频的技能流程。它通过两步 pika 管线工作：先生成一张舞台静帧（generate_image，gpt-image-2），再将该静帧转为约 10 秒、16:9 的格斗视频（generate_video，图生视频）。视频模拟观众手持手机拍摄的视角，画面中两名穿着精致 cosplay 服装的表演者在一处主题舞台上进行编排好的对打，伴有可信的现场舞台特效，前景是举起手机拍摄的观众人群。一次运行针对一组对战生成一段视频。该技能的核心是：先确定“谁在打”（询问用户或让用户自选），然后按照内置示例的结构撰写新的提示词并生成新视频。它强调将内容框定为安全的、广告主友好的舞台特技表演，使用原创的角色原型而非真人或知名 IP，并通过观众视角和现场特效来增强“我在现场”的病毒式观感。使用前提是 pika MCP 可用，工具包括 generate_image、generate_video、task_status，可选后续处理使用 generate_music / SFX 与 edit_concat / edit_audio_mix。
canvas-design
canvas-design 是一套用于创作「设计哲学」的指令集：先以 .md 文件撰写一种美学运动（视觉哲学），再将其以视觉方式表达为 .pdf 或 .png 画布作品。流程分两步：第一步创建设计哲学，强调形式、空间、色彩、构图、图像、图形、形状与图案，文字仅作视觉点缀；第二步在画布上表达该哲学，产出约 90% 视觉设计、10% 必要文字的作品。哲学需命名（1-2 个词），用 4-6 段阐述空间与形式、色彩与材质、尺度与节奏、构图与平衡、视觉层级，并反复强调作品应显得经过精心雕琢、出自顶尖专家之手。创作画布前需从原始请求中提炼一个含蓄的、非字面的概念线索，将其作为隐藏的「概念 DNA」融入形式、色彩与构图，使熟悉该主题的人能直觉感知，其他人则欣赏到一件抽象杰作。画布输出为单页、高度视觉化、设计导向的 PDF 或 PNG，通常使用重复图案与完美形状，借鉴系统化观察的视觉语言，配以稀疏、临床式的字体与系统性参考标记，使用有限且协调的配色。文字始终极简、视觉优先，字体应成为艺术的一部分，可从 ./canvas-fonts 目录选用不同字体，也可下载所需字体。所有元素必须保持在画布边界内、留有边距、互不重叠。最终输出一个可下载的 .pdf 或 .png 文件，以及作为 .md 文件的设计哲学。若被要求多页，可创作风格一致但各具特色的更多页面，打包在同一 PDF 或多个 PNG 中。
extract-design
extract-design 是 Dembrandt 提供的一个从在线网站提取设计系统的工具，通过无头 Chromium 浏览器抓取页面 DOM 并读取计算样式，导出结构化的设计令牌。可提取颜色（含置信度打分）、字体排版、间距比例、圆角、边框、阴影以及交互组件样式，并支持输出 W3C DTCG 设计令牌格式、DESIGN.md 品牌文档、Tailwind v4 @theme CSS、shadcn/ui 主题和内嵌 HTML 报告。支持多页面爬取、深色模式与移动视口提取，也可作为 MCP 服务器接入智能体使用。
ux-designer
UX Designer 是 aj-geddes/claude-code-bmad-skills 中的 UX 设计技能，用于依据需求设计用户体验、创建线框图和用户流程、确保无障碍合规。它提供脚本与模板，并可在多智能体协作下批量产出设计文档。
ui-context-and-scope
这是一个关于界面上下文与作用域设计原则的技能内容页，指导设计者让用户始终清楚“我在哪里、当前处于什么上下文、我的操作会影响什么范围”。核心方法包括：用分隔线与背景色划分区域、为区块和当前实体命名、在三层以上层级使用面包屑、用搜索与筛选辅助导航，以及在执行改动前明确说明作用域。还涉及代他人操作时需持续显示不可忽视的身份提示、登录页作为信任界面的品牌与域名要求、内部工具与外部产品的视觉区分、多租户下的租户与权限展示，并附检查清单。
lab-hardware-cad
用于设计实验室定制硬件的参数化 CAD 技能：用 Python/build123d 建模，导出 STEP、STL、DXF，并对接口尺寸与几何做数值和可视化校验，适合芯片、模具、支架、适配器等实验硬件。
real-world-metaphors
real-world-metaphors 是一套关于在界面设计中借用在现实世界中已有对应物的模式（如卡片、抽屉、轮播等）的指南。资料强调，这类隐喻能降低用户学习成本，因为用户已经知道它们如何运作：卡片像可以拿起来的东西，轮播像翻阅一叠卡片，抽屉像从侧面滑出。资料按模式分别说明了用途与注意事项，包括卡片用于离散且可比较的内容项、轮播/横向滚动用于浏览多于视口的内容、抽屉/侧面板用于在不丢失主视图上下文的情况下补充细节或移动端导航、手风琴用于父子层级且空间受限的内容、标签页用于互斥的平级分区、工具提示用于悬停时的简短补充说明。资料还给出若干通用原则，如隐喻应与交互匹配、不要混用隐喻、移动端与桌面端借用不同隐喻、用层级（阴影、遮罩）强化隐喻，并附有一份评审清单。该技能适合在设计布局模式、手势或导航范式时使用。
3d-spatial
该技能用于在 Blender、Unity 3D、Unreal Engine、Cinema 4D、VR/AR 应用或任何三维动画工作中，将迪士尼十二动画原则应用到 3D 软件、VR/AR 与空间计算环境。它提供各原则在 3D 中的实现对照表，例如挤压拉伸用晶格变形器与混合形状、预备动作用 IK/FK 蓄力与镜头预动、跟随与重叠用骨骼链与物理模拟、缓入缓出用 F 曲线编辑、弧线用 IK 手柄与运动路径、次要动作用布料与粒子系统、时间用帧率控制（VR 需 90fps）等，并给出 Blender 驱动与布料修改器、Unity 弹簧跟随脚本等软件技巧，以及 VR/AR 在帧率、运动、舒适度、尺度与交互方面的注意事项和性能建议。
launch-video
Launch Video 是一个用于制作产品发布短片的技能，可生成 15–60 秒的高能预告/宣传片。它按经典叙事弧线组织内容：钩子 → 悬念 → 揭晓 → 功能蒙太奇 → 结尾行动号召，并强调音乐先行、画面跟随节拍剪辑，揭晓时刻精确落在音乐 drop 上。该技能提供节拍同步揭晓、动态功能蒙太奇、结尾卡片、多画幅导出（16:9、9:16、1:1）等能力，并附带渲染验证流程与辅助脚本，适用于产品发布、功能公告、预告片、落地页主视觉视频等场景。
aesthetic
Aesthetic 是一个用于创建美观界面的设计技能，遵循经过验证的设计原则和系统化工作流程。它适用于构建或设计用户界面、分析灵感网站（如 Dribbble、Mobbin、Behance）中的设计、生成并评估设计图像的审美质量、实现视觉层级、排版和色彩理论、添加微交互与动画，以及创建设计文档和风格指南等场景。该技能采用四阶段框架：理解美学、确保功能性、设计令人满意的微交互、通过设计讲述故事。它提供两个主要工作流：捕获并分析灵感，以及生成并迭代设计图像。该技能强调美学标准源自人类而非 AI，需要通过分析高质量示例来提取设计原则，并基于分析进行迭代，同时平衡美观与功能性和无障碍性。
storyboard-grid-writer
Storyboard Grid Writer 是一个面向短视频图像或预可视化工作流的提示词编写技能，用于生成密集的分镜网格提示词。当生成任务需要 6 至 9 格分镜网格、钩子逻辑、节拍面板计划、联系表或面板提示词包时使用。其核心规则是：通用提示词应简短，分镜面板应详细，网格必须承载叙事逻辑，不能把场景逻辑藏在模糊的风格词里。输出可交接给 image-batch-runner 或 video-batch-runner。
muse
Muse 是一个面向设计令牌（design tokens）定义与管理的智能体技能，用于将视觉语言系统化。它支持定义和修订颜色、间距、字体、阴影、圆角等令牌，用语义令牌替换硬编码 UI 值，构建或修复设计系统基础，添加和验证明暗主题支持，审计令牌覆盖率与不一致样式，并支持 W3C DTCG v2025.10 格式及 Style Dictionary v5、Tokens Studio、Terrazzo 等令牌管线。适用于间距、颜色、排版、暗色模式等设计系统场景。
global-toolbar-controls
这是一个关于全局工具栏控件（Global Toolbar Controls）设计规范的技能，用于指导货币、语言、地区和单位选择器等产品级偏好设置的设计与摆放。该技能指出全局控件影响整个产品体验但并非用户主任务，访问频率低（每会话一次或更少），因此不应在视觉上与主导航或内容争夺注意力。典型控件包括货币选择器、语言/区域切换器、地区或市场选择器、度量衡单位、主题切换和无障碍偏好。技能将控件分为两类：改变显示内容（地区、市场、租户）与改变呈现方式（语言、主题、单位），建议分组区分并将偏好项横向排列而非纵向堆叠。文档还给出了放置位置建议（页眉工具条、页眉右侧紧凑位、页脚、独立设置区）、排版与视觉处理规范（13–14px 字号、次要用色、不加粗、紧凑间距、分隔符）、交互模式（紧凑下拉、显示当前值、语言使用本族名、选择后立即生效、跨标签页同步持久化偏好）以及旗帜图标不得变形的注意事项，并附有审查清单。
framer-motion-variants
Framer Motion 的官方技能，专注于动画 variants（变体）——用于定义可复用的动画状态，并通过状态机、编排、交错（stagger）、重复与序列等方式协调多个元素的动画。适用于构建多步骤动画、跨多个元素的协调动画，或使用 variants 进行基于状态的动画控制。该技能界定动画状态对象、静态与动态 variants、编排（staggerChildren、staggerDirection、delayChildren、when）、重复动画及 repeatType 选项、关键帧（keyframes）与 times、基于 custom 的状态机，以及父子协调，并给出最佳实践与常见禁忌。
ss-reference
ss-reference 是 bitjaru/styleseed 下的一个技能，用于把用户提供的设计参考（截图、URL、Figma 导出或已有 UI）编译成项目本地的设计语法（design grammar）。它强调不照搬参考界面，而是按 StyleSeed 的编译器流程读取 PRODUCT-PRINCIPLES.md、RULESETS.md、ADAPTERS.md、REFERENCE-COMPILER.md 等文档，并把证据分成 R1、R2 等编号，按十二个维度观察和度量，解决矛盾而非取平均，最终在 .styleseed/rulesets/<slug>/ 下生成项目所需产物。该技能适用于有设计参考输入、需要提炼可复用设计规则并进行验证的场景，需配合 /ss-score 与 /ss-verify 做迁移验证。
drawio-flowchart
drawio-flowchart 是一个用于创建流程图、泳道图和业务流程图的技能，基于 Draw.io（diagrams.net）实现。它覆盖标准流程图图形（开始/结束、处理、判断等），支持用箭头连接并标注分支条件，可通过自动布局对齐图形，并导出为 .drawio、PNG、SVG 或 PDF 等格式。适用于梳理业务流程、技术工作流、跨团队或跨系统职责、条件分支决策树，以及为文档或演示准备流程示意图。
shiny-bslib-theming
shiny-bslib-theming 是 posit-dev/skills 中面向 Shiny 应用的高级主题定制技能，基于 bslib 与 Bootstrap 5 的主题系统。它用于调整应用外观，包括使用 bs_theme() 创建主题、选择 Bootswatch 预设、设置主色与字体、通过 Sass 变量和自定义规则做深度定制，以及实现深色模式与动态配色切换。该技能还涵盖让 R 绘图与主题匹配、仪表盘背景样式、交互式主题预览与检查工具，并给出对比度与可访问性方面的实践建议。
nielsen-heuristics-audit
该技能让 AI 智能体依据 Jakob Nielsen 的 10 项可用性启发式原则，对应用、网站或数字界面进行系统化的 UX/UI 可用性评估。它提供完整的审计流程：准备阶段梳理界面描述与用户流程，逐条启发式评估并记录违规位置、问题描述与严重程度（0-4 级），进行跨启发式分析以识别系统性问题，最终生成结构化报告。技能还包含针对不可信输入（截图链接、已知问题、竞品信息）的提示注入防护说明，并建议与 Don Norman 原则审计、WCAG 无障碍审计等互补评估结合使用。
cinematic-camera
Cinematic Camera 是一套 Remotion 连续镜头相机系统技能，要求先做格式与背景的强制询问、审阅已批准参考，禁止霓虹与发光效果，并设有首轮 QA 关卡。适合需要用一个共享世界与相机串联场景的动效制作。
document-illustrator
Document Illustrator 是一个基于 AI 智能分析的文档配图生成工具，作为 Claude 技能（Skill）使用。它能自动读取并理解文档内容，智能归纳核心主题，为每个主题生成符合特定风格的配图，并支持封面图生成和自定义图片比例。该工具格式无关，可处理 Markdown、纯文本、PDF 等任意格式文档，无需依赖特定标题结构。提供三种视觉风格：渐变玻璃卡片、票据风格、矢量插画。图片比例支持 16:9 横屏和 3:4 竖屏，可选 2K 或 4K 分辨率。生成流程包含读取文档、配置选项、内容归纳确认、调用 Python 脚本生成图片等步骤，输出到文档所在目录的 images/ 文件夹。适用于为文档、文章、笔记生成配图的场景。
image-generation
该技能是一个图像生成控制器，负责在把图像创作或编辑任务交付执行之前统一梳理需求。当最终产物是图片或图片批量时适用，输入可以包括文本提示词、已上传图片、历史输出、产品链接、研究交接材料、产品图、人设图、横幅、缩略图、分镜图或批量变体。它本身不提交任务，而是识别输入类型、对图像任务分类（如文生图、图像编辑、参考图、产品图、横幅缩略图、分镜图、批量变体），选定模型与参考图规则，并生成交给 image-batch-runner 的交接材料。若最终产物是视频、音频、字幕、转录或剪辑方案，或请求已规范化可直接执行，或需要先做钩子与基准解码，则不应使用本技能。
aws-architecture-diagram
aws-architecture-diagram 是一个用于生成 AWS 架构图的技能（Skill），可将 AWS 服务与云基础设施绘制为原生 .drawio 文件，并使用官方 AWS 架构图标。生成后可选导出为 PNG、SVG 或 PDF，且导出文件中嵌入 XML，因此仍可在 draw.io 中继续编辑。它规定了从左到右的数据流布局、图标样式、连线规则、容器嵌套与导出方式，并支持面向技术或非技术受众的两种表达模式，还可附带生成 Markdown 说明文档。该技能仅指导绘图流程与格式规范，不涉及部署或实际云资源。
roblox-game-design
用于设计或重做 Roblox 游戏的技能，覆盖核心循环、教程与首次体验（FTUE）、关卡、经济、留存阶段、游戏手感（juice）、刷取规避与精选准备等结构性设计方法。