发表更新Agent Skills / 设计与前端3 小时读完 (大约26696个字)

设计与前端 | Agent Skills

设计与前端

设计与前端类技能用于指导界面实现、视觉设计、交互体验和前端框架相关工作。

目录快照：2026 年 11 月 2 日

分类目录

本类全部技能

AbubakrChan/product-launch-motion

目录来源: Marketing
来源文档: https://github.com/AbubakrChan/product-launch-motion/blob/main/SKILL.md

功能简介: 带有音乐的60帧/秒启动视频的网站URL。

适用时机: 在被要求制作发布视频、产品片、动效作品、UI动效短片、Dribbble风格UI动画或动画品牌/标志动画时使用——任何从HTML渲染为MP4的素材，均需包含光标、变形UI、弹簧、节拍同步音乐和音效。承载Chan的全方位创意方向（始终保持单一形状不切断、内容模糊切换、弹簧效果、真实数据、标志重叠、无创意限制），并配备经过验证的构建/渲染流水线（纯粹的seek(t)机制、封闭形式弹簧、Playwright子帧、ffmpeg tmix、numpy节拍网格）。

来源技能章节菜单:

  • Motion design launch videos
  • The stance: you are the director
  • Non-negotiable motion rules
  • Look
  • Content
  • Process
  • Gotchas that cost hours
  • Output

aklofas/kicad-happy

目录来源: Specialized Domains
来源文档: https://github.com/aklofas/kicad-happy/blob/main/README.md

功能简介: AI驱动的KiCad电子设计审查和分析

适用时机: 当任务需要此目录条目中描述的能力时使用：基于AI的KiCad电子设计审查和分析

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • ⚡ kicad-happy
  • 🔬 What it looks like in practice
  • 🚀 Install
  • Release candidates
  • ⚙️ GitHub Action
  • 📦 Skills
  • 🖐️ Ask about specific circuits
  • What the analysis covers
  • 🔬 SPICE simulation
  • 📡 EMC pre-compliance
  • 📄 Datasheets — sync and extract
  • 📋 BOM management — from schematic to order
  • 🏭 Manufacturing
  • 🗺️ Workflow
  • Optional setup
  • ✅ KiCad version support

此目录条目指向一个技能集合。扫描来源仓库发现 11 个不重复的技能文件路径。

部分成员: bom · datasheets · digikey · element14 · emc · jlcpcb · kicad · lcsc
更多成员请查看来源仓库。

Alisa0808/vibe-creating-skill

目录来源: Specialized Domains
来源文档: https://github.com/Alisa0808/vibe-creating-skill/blob/main/skills/vibe-creating-prompt/SKILL.md

功能简介: 将草稿想法或镜头剧本改写为文本到视频提示词

适用时机: 适用于用户希望将一个想法、故事、情感或粗略/过度指定的主题词（Seedance、Sora、Kling、Veo、Runway 等）转化为强有力的文本到视频主题词时使用，或要求“重写”、“改进”、“清理”或“提升视频主题词的氛围感”时使用。请勿用于需要精确逐字对齐对白、旨在按原样执行的工业拍摄单、功能/UI 演示以及逐步教程的长篇叙事电影。

来源技能章节菜单:

  • Vibe Creating Prompt Skill
  • Overview
  • Quick Start
  • Decision Framework — Scenario × Expression × Information
  • Scenario fit (S)
  • Expression form (E)
  • Routing matrix (default action per cell)
  • Four hard routing rules
  • Information-density check (I)
  • Interaction Policy
  • Camera Language Policy
  • Sound & Constraint Priority
  • Rewrite Modes
  • Output Rules
  • Length & form
  • User-visible format

allxsmith/bestax

目录来源: Development and Testing
来源文档: https://github.com/allxsmith/bestax/blob/main/skills/README.md

功能简介: 使用Bestax构建Bulma React页面、表单和主题

适用时机: 当任务需要此目录条目中描述的能力时使用：使用Bestax构建Bulma React页面、表单和主题

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • bestax-bulma Agent Skills
  • Skills
  • Install
  • Layout
  • See also

此目录条目指向一个技能集合。扫描来源仓库发现 7 个不重复的技能文件路径。

部分成员: bestax-custom-component · bestax-form · bestax-icons · bestax-layout-scaffold · bestax-migrate · bestax-optimize · bestax-theming

angular/angular-developer

目录来源: Skills by Angular
来源文档: https://github.com/angular/skills/blob/main/angular-developer/SKILL.md

功能简介: 生成Angular代码和组件、服务、响应性方面的架构指导

适用时机: 当任务需要此目录条目中描述的能力时使用：为组件、服务、响应性生成Angular代码和架构指导。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Angular Developer Guidelines
  • Creating New Projects
  • Components
  • Reactivity and Data Management
  • HTTP Communication
  • Forms
  • Dependency Injection
  • Pipes
  • Angular Aria
  • Routing
  • Styling and Animations
  • Testing
  • Tooling

anthropics/algorithmic-art

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/algorithmic-art/SKILL.md

功能简介: 使用p5.js和种子随机性创建生成式艺术

适用时机: 将模糊的美学概念转化为可运行的生成艺术草图 通过交互式种子导航探索流场和粒子系统 从一个参数化算法构建一系列算法印刷品 使用基于种子的随机性可复现地生成独特的视觉输出 使用可调节滑块和实时反馈原型化计算艺术概念

来源技能章节菜单:

  • ALGORITHMIC PHILOSOPHY CREATION
  • THE CRITICAL UNDERSTANDING
  • HOW TO GENERATE AN ALGORITHMIC PHILOSOPHY
  • PHILOSOPHY EXAMPLES
  • ESSENTIAL PRINCIPLES
  • DEDUCING THE CONCEPTUAL SEED
  • P5.JS IMPLEMENTATION
  • ⚠️ STEP 0: READ THE TEMPLATE FIRST ⚠️
  • TECHNICAL REQUIREMENTS
  • CRAFTSMANSHIP REQUIREMENTS
  • OUTPUT FORMAT
  • INTERACTIVE ARTIFACT CREATION
  • CRITICAL: WHAT’S FIXED VS VARIABLE
  • REQUIRED FEATURES
  • USING THE ARTIFACT
  • VARIATIONS & EXPLORATION

anthropics/brand-guidelines

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/brand-guidelines/SKILL.md

功能简介: 将Anthropic的品牌颜色和排版应用于文物

适用时机: 当品牌颜色或风格指南、视觉排版或公司设计标准适用时使用它。

来源技能章节菜单:

  • Anthropic Brand Styling
  • Overview
  • Brand Guidelines
  • Colors
  • Typography
  • Features
  • Smart Font Application
  • Text Styling
  • Shape and Accent Colors
  • Technical Details
  • Font Management
  • Color Application

anthropics/canvas-design

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/canvas-design/SKILL.md

功能简介: 以PNG和PDF格式设计视觉艺术

适用时机: 当用户请求创建海报、艺术作品、设计或其他静态作品时，使用此技能。创建原创视觉设计，切勿复制现有艺术家的作品，以避免侵犯版权。

来源技能章节菜单:

  • DESIGN PHILOSOPHY CREATION
  • THE CRITICAL UNDERSTANDING
  • HOW TO GENERATE A VISUAL PHILOSOPHY
  • PHILOSOPHY EXAMPLES
  • ESSENTIAL PRINCIPLES
  • DEDUCING THE SUBTLE REFERENCE
  • CANVAS CREATION
  • FINAL STEP
  • MULTI-PAGE OPTION

anthropics/frontend-design

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md

功能简介: 前端设计和UI/UX开发工具

适用时机: 构建避免标准渐变-主角-带Inter字体模板的登陆页面 针对粗犷主义或编辑美学进行React仪表盘的排版设计，而非Material UI默认样式 使用自定义排版搭配和动态效果生成HTML/CSS布局 使用滚轮触发动画和精心设计的色彩系统进行网页组件原型设计 将简单的UI样板转换为具有氛围背景的视觉上独特、整体和谐的页面

来源技能章节菜单:

  • Frontend Design
  • Ground your designs in the subject matter
  • Design principles
  • Process: plan, review against the brief, build, critique
  • Restraint and self-critique
  • More on writing in design

anthropics/slack-gif-creator

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/slack-gif-creator/SKILL.md

功能简介: 创建针对Slack尺寸限制优化的动画GIF

适用时机: 当用户请求Slack上的动画GIF时使用，例如“为Slack制作一张X在做Y的GIF”。

来源技能章节菜单:

  • Slack GIF Creator
  • Slack Requirements
  • Core Workflow
  • Drawing Graphics
  • Working with User-Uploaded Images
  • Drawing from Scratch
  • Making Graphics Look Good
  • Available Utilities
  • GIFBuilder (`core.gif_builder`)
  • Validators (`core.validators`)
  • Easing Functions (`core.easing`)
  • Frame Helpers (`core.frame_composer`)
  • Animation Concepts
  • Shake/Vibrate
  • Pulse/Heartbeat
  • Bounce

anthropics/theme-factory

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/theme-factory/SKILL.md

功能简介: 使用专业主题生成风格艺术品或生成自定义主题

适用时机: 为面向客户的幻灯片演示文稿应用一致的配色方案 重塑生成的HTML落地页，使其与品牌语调相匹配 将报告从企业灰度外观切换为温暖的土色调 从“黑暗科技配蓝色点缀”等简短描述生成自定义主题 在选择演示文稿主题前，视觉上浏览10个命名主题

来源技能章节菜单:

  • Theme Factory Skill
  • Purpose
  • Usage Instructions
  • Themes Available
  • Theme Details
  • Application Process
  • Create your Own Theme

anthropics/web-artifacts-builder

目录来源: Official Claude Skills
来源文档: https://github.com/anthropics/skills/blob/main/skills/web-artifacts-builder/SKILL.md

功能简介: 使用React和Tailwind构建复杂的claude.ai HTML艺术品

适用时机: 使用 shadcn/ui 组件构建一个多步骤表单魔法师，作为 claude.ai 资产 将带有图表和筛选器的 React 控制台打包为一个可共享的 HTML 文件 使用 Tailwind 和已预连接的 40 多个 shadcn/ui 组件搭建一个新的资产项目 将 Vite + TypeScript 项目转换为无外部依赖的内联资产 在 Claude 会话中直接迭代带有状态的 UI 样板

来源技能章节菜单:

  • Web Artifacts Builder
  • Design & Style Guidelines
  • Quick Start
  • Step 1: Initialize Project
  • Step 2: Develop Your Artifact
  • Step 3: Bundle to Single HTML File
  • Step 4: Share Artifact with User
  • Step 5: Testing/Visualizing the Artifact (Optional)
  • Reference

apollographql/apollo-client

目录来源: Skills by Apollo GraphQL
来源文档: https://github.com/apollographql/skills/blob/main/skills/apollo-client/SKILL.md

功能简介: 使用Apollo Client 4构建React应用程序

适用时机: 使用此技能时：（1）在 React 项目中设置 Apollo Client，（2）使用钩子编写 GraphQL 查询或变动，（3）配置缓存或缓存策略，（4）使用响应式变量管理本地状态，（5）排查 Apollo Client 错误或性能问题。

来源技能章节菜单:

  • Apollo Client 4.x Guide
  • Integration Guides
  • Quick Reference
  • Basic Query
  • Basic Mutation
  • Suspense Query
  • Reference Files
  • Key Rules
  • Query Best Practices
  • Mutation Best Practices
  • Caching Best Practices
  • Performance
  • Ground Rules

assafkip/claudemy

目录来源: Specialized Domains
来源文档: https://github.com/assafkip/claudemy/blob/main/skills/claudemy/SKILL.md

功能简介: 任何主题都可以变成2分钟的带引用来源的音频课程

适用时机: 当任务需要本目录条目中描述的能力时使用：将任何主题转换为带有引用来源的2分钟音频课程

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Claudemy
  • Inputs
  • Workspace
  • Before starting
  • Step 1. Map the topic
  • Step 2. Build the reading list
  • Person mode
  • Step 3. Read
  • Step 4. Agreement map
  • Step 5. The lesson plan
  • Step 6. One sample lesson first
  • Step 7. The rest
  • Reporting
  • Lesson design defaults
  • Honesty rules (they apply at every step)

callstackincubator/react-native-best-practices

目录来源: Skills by CallStack
来源文档: https://github.com/callstackincubator/agent-skills/blob/main/skills/react-native-best-practices/SKILL.md

功能简介: 来自Callstack的React Native应用程序性能优化

适用时机: 使用 FlashList 替换 ScrollView 以修复列表滚动卡顿 使用 source-map-explorer 分析 JS 捆绑包以查找冗余依赖项 测量冷启动 TTI 并通过 Hermes mmap 和原生导航进行优化 将运行缓慢的原生模块迁移到支持背景线程的异步 Turbo Module 在性能审查期间追踪 JS 或原生内存泄漏

来源技能章节菜单:

  • React Native Best Practices
  • Overview
  • When to Apply
  • Security Notes
  • Priority-Ordered Guidelines
  • Quick Reference
  • Optimization Workflow
  • Review Guardrails
  • Critical: FPS & Re-renders
  • Critical: Bundle Size
  • High: TTI Optimization
  • High: Native Performance
  • References
  • JavaScript/React (`js-*`)
  • Native (`native-*`)
  • Bundling (`bundle-*`)

callstackincubator/upgrading-react-native

目录来源: Skills by CallStack
来源文档: https://github.com/callstackincubator/agent-skills/blob/main/skills/upgrading-react-native/SKILL.md

功能简介: React Native升级工作流程：模板、依赖项和常见陷阱

适用时机: 在升级React Native、升级RN版本、从RN 0.x升级到0.y或在React Native升级的同时迁移Expo SDK时使用。

来源技能章节菜单:

  • Upgrading React Native
  • Overview
  • Typical Upgrade Sequence
  • When to Apply
  • Quick Reference
  • Problem → Skill Mapping

csthink/dashmotion

目录来源: Development and Testing
来源文档: https://github.com/csthink/dashmotion/blob/main/skills/dashmotion/SKILL.md

功能简介: 从普通英语或美人鱼中生成的动画技术图表，自包含的HTML/SVG

适用时机: 每当用户要求提供流程图、工作流程、流水线、流程图、状态机、系统架构、基础设施、云、微服务或网络拓扑图——尤其是当他们提到“动画”、“流动”、“动态”、“生动”、“类似GIF”或需要用于登陆页面、README、文档或产品演示的图表时——都请使用此技能。此外，还可将其用于将Mermaid源代码（一个Mermaid代码块或.mmd文件）转换为动画图表——例如“动画化这条美人鱼”、“让这条流程图动起来”。当图表代表任何移动的元素（请求、事件、数据）时，优先使用此技能，而不是静态图表输出。

来源技能章节菜单:

  • Dashmotion
  • Step 1 — Pick the mode
  • Step 2 — The two animation contracts (both modes)
  • Flowing dashed connectors — `stroke-dashoffset`
  • Traveling dots — ``
  • Step 3 — Shared design tokens
  • Step 4 — Accessibility & motion (non-negotiable)
  • Step 5 — Produce the file
  • GIF/MP4 export (only if asked)
  • Step 6 — Structural self-check (before delivering)
  • Output contract

degausai/wonda

目录来源: Marketing
来源文档: https://github.com/degausai/wonda/blob/main/skills/wonda-cli/SKILL.md

功能简介: AI内容创作：图像、视频、音乐、音频、编辑、发布

适用时机: 当任务需要本目录条目中描述的能力时使用：AI内容创作：图像、视频、音乐、音频、编辑、发布

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Wonda CLI
  • Install
  • Setup
  • OAuth connector auth
  • Claude Cowork local relay
  • Organizations & spend context
  • Projects (spend tagging)
  • Access tiers
  • Voice cloning
  • Credentials vault
  • Global output flags
  • CLI announcements & deprecation warnings
  • WAB / Wonda Automation Browser (`wonda wab`)
  • Action rate limits
  • Config keys
  • How to think about content creation

dreammis/alipay-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/alipay-upload/SKILL.md

功能简介: 在支付宝生活服务上发布视频帖子

适用时机: 使用用户要向支付宝生活号发布视频或检查创作账号状态时。

来源技能章节菜单:

  • 支付宝生活号视频发布

dreammis/douyin-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/douyin-upload/SKILL.md

功能简介: 在Douyin上发布视频和图片文字帖子

适用时机: 当任务需要此目录条目中描述的能力时使用：将视频和图片-文字帖子发布到Douyin

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • 抖音上传 Skill
  • 功能概览
  • 默认工作流
  • 支持动作
  • 命令选择建议
  • 执行前检查
  • 参考文档

dreammis/facebook-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/facebook-upload/SKILL.md

功能简介: 在Facebook个人资料上发布视频和图片帖子

适用时机: 当任务需要此目录条目中描述的能力时使用：将视频和图片帖子发布到Facebook个人资料上

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Facebook 个人主页发布与删除
  • 示例脚本

dreammis/hupu-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/hupu-upload/SKILL.md

功能简介: 在Hupu上发布视频帖子

适用时机: 使用时 用户要向虎扑发布视频或检查虎扑账号状态。

来源技能章节菜单:

  • 虎扑视频发布

dreammis/kuaishou-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/kuaishou-upload/SKILL.md

功能简介: 在Kuaishou上发布视频和图片文字帖子

适用时机: 当任务需要此目录条目中描述的能力时使用：将视频和图片-文字帖子发布到Kuaishou

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • 快手上传 Skill
  • 功能概览
  • 默认工作流
  • 支持动作
  • 命令选择建议
  • 执行前检查
  • 参考文档

dreammis/meta-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/meta-upload/SKILL.md

功能简介: 为Facebook页面安排视频和图片发布时间表

适用时机: 当任务需要此目录条目中描述的能力时使用：将视频和图片帖子安排到Facebook页面

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Facebook Page 发布与删除
  • 示例脚本

dreammis/xiaohongshu-upload

目录来源: Marketing
来源文档: https://github.com/dreammis/social-auto-upload/blob/main/skills/xiaohongshu-upload/SKILL.md

功能简介: 在小红书上发布视频和图片文字帖子

适用时机: 当任务需要此目录条目中描述的能力时使用：将视频和图片-文字帖子发布到小红书

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • 小红书上传 Skill
  • 功能概览
  • 默认工作流
  • 支持动作
  • 命令选择建议
  • 执行前检查
  • 参考文档

drogers0/github-image-upload

目录来源: Development and Testing
来源文档: https://github.com/drogers0/gh-image/blob/main/skills/github-image-upload/SKILL.md

功能简介: 将截图、PDF、日志、压缩包和视频附加到 GitHub PR、问题和评论中，返回规范的用户附件 URL。GitHub 没有公共的附件上传 API。可与 Claude Code、Codex、Cursor 和 Gemini CLI 配合使用。

适用时机: 在被要求“将截图附加到 PR 中”、“在 PR 描述中添加图片”、“将此图片放入问题中”、“将此 PDF/日志/zip 文件附加到问题中”、“在 PR 中显示测试结果”、“嵌入前后截图”或任何要求在 GitHub 上对更改进行视觉文档或附加文件的请求时使用。由 `gh-image` gh CLI 扩展提供支持。

来源技能章节菜单:

  • gh pr/issue edit and comment are listed for hosts that check each pipeline stage;
  • whole-string matchers resolve them via the leading printf.
  • Upload images and files to GitHub (gh-image)
  • Prerequisites
  • Step 1 — Resolve the path
  • Step 2 — Confirm, then post
  • Step 3 — Embed
  • Step 4 — Verify
  • Sizing (optional)
  • Going the other way
  • Troubleshooting

expo/building-native-ui

目录来源: Skills by Expo Team
来源文档: https://github.com/expo/skills/blob/main/README.md

功能简介: 使用Expo Router、样式、组件、导航和动画构建应用程序

适用时机: 使用 NativeTabs 和 Expo Router 文件约定构建标签页和堆栈导航 添加符合 iOS 约定导航元素的上下文菜单和链接预览 使用动态定距和透明液体玻璃背景构建表单表单 通过 expo-image 和 Switch、DateTimePicker 等平台原生控件集成 SF 图标 为 iOS 18 及以上导航流程设置滚动驱动动画和缩放过渡

来源技能章节菜单:

  • How It Works
  • Installation
  • Skills CLI
  • Claude Code Plugin
  • Codex Plugin
  • Updating
  • Try It
  • Skills Included
  • Start Here
  • Framework (open source)
  • Services & paid distribution
  • Experimental
  • Expo MCP Server
  • FAQ
  • Which AI coding agents are supported?
  • Should I install the skills or the plugin?

expo/expo-tailwind-setup

目录来源: Skills by Expo Team
来源文档: https://github.com/expo/skills/blob/main/README.md

功能简介: 在 Expo 中使用 NativeWind v5 设置 Tailwind CSS v4

适用时机: 在没有 babel 预设的情况下为 React Native 组件添加 Tailwind 实用类 设置针对平台的字体和颜色变量，使其在设备上解析为 iOS 系统颜色 将 Expo 项目从 NativeWind v4 和 Tailwind v3 迁移到以 CSS 为首的 v4 配置 构建支持 className 属性的共享 View、Text 和 ScrollView 包裹 使用 useCSSVariable 钩子在 JavaScript 中使用如 --sf-blue 这样的 CSS 变量

来源技能章节菜单:

  • How It Works
  • Installation
  • Skills CLI
  • Claude Code Plugin
  • Codex Plugin
  • Updating
  • Try It
  • Skills Included
  • Start Here
  • Framework (open source)
  • Services & paid distribution
  • Experimental
  • Expo MCP Server
  • FAQ
  • Which AI coding agents are supported?
  • Should I install the skills or the plugin?

expo/expo-ui-jetpack-compose

目录来源: Skills by Expo Team
来源文档: https://github.com/expo/skills/blob/main/README.md

功能简介: Jetpack Compose用于Expo的UI组件

适用时机: 使用 LazyColumn 而不是 FlatList 渲染可滚动列表，以实现原生 Android 性能 增加 Material Design 3 按钮、文本框和贴片到 Expo Android 屏幕中 对 JavaScript 布局组件应用 Compose 修饰符，如边距和填充最大宽度 在 React Native 视图中显示 Material Symbols 中的 Android XML 矢量可画图标 使用符合平台惯例的 Material 3 主题构建原生 Android 表格

来源技能章节菜单:

  • How It Works
  • Installation
  • Skills CLI
  • Claude Code Plugin
  • Codex Plugin
  • Updating
  • Try It
  • Skills Included
  • Start Here
  • Framework (open source)
  • Services & paid distribution
  • Experimental
  • Expo MCP Server
  • FAQ
  • Which AI coding agents are supported?
  • Should I install the skills or the plugin?

expo/expo-ui-swift-ui

目录来源: Skills by Expo Team
来源文档: https://github.com/expo/skills/blob/main/README.md

功能简介: 用于 Expo 的 SwiftUI 组件

适用时机: 在 React Native 屏幕内渲染 SwiftUI 列表 将 React Native 可按组件包裹在包含 RNHostView 的 SwiftUI VStack 中 对原生视图应用 SwiftUI 修饰符（如边距或前景颜色） 将 SwiftUI 布局容器与现有 React Native UI 混合 当缺少所需的 SwiftUI 视图时，通过本地 Expo 模块扩展组件集

来源技能章节菜单:

  • How It Works
  • Installation
  • Skills CLI
  • Claude Code Plugin
  • Codex Plugin
  • Updating
  • Try It
  • Skills Included
  • Start Here
  • Framework (open source)
  • Services & paid distribution
  • Experimental
  • Expo MCP Server
  • FAQ
  • Which AI coding agents are supported?
  • Should I install the skills or the plugin?

fal-ai-community/fal-3d

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 从文本或图像生成3D模型

适用时机: 将产品照片转化为在线商店的3D资产 从概念艺术素描中创建游戏级可用的网格 依据文字描述构建可打印的3D模型 将家具参考图像转换为室内模型预先的3D预览 在不打开建模软件的情况下为场景构建3D道具原型

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-audio

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 使用fal.ai音频模型进行文本转语音和语音转文本

适用时机: 为短视频或演示文稿生成旁白 识别演讲者并转录录音会议 将博客文章转换为听众可听的音频格式 为产品演示添加多语言旁白 从播客节目获取文字转录

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-generate

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 使用fal.ai AI模型生成图片和视频

适用时机: 将文本描述转换为产品样板图 从静止照片创建短视频片段 为设计概念批量生成多个图像变体 在 fal.ai 的模型库中搜索适合任务的生成器 将风景照片转换为慢动作缩放视频

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-image-edit

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 支持风格转换和物体移除的AI图像编辑

适用时机: 在发布照片前从照片中移除不想要的物体或人物 替换肖像背景为更合适的背景 对产品照片应用艺术风格 将图像中被遮挡的区域填充新内容 将普通照片转换为动漫或插画风格

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-kling-o3

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 使用Kling O3生成图像和视频——Kling最强大的模型家族

适用时机: 将文本提示转换为用于社交媒体帖子的短视频片段 将产品照片转换为旋转式视频展示 将现有视频重新设计为水彩或动漫风格 从文本描述创建电影级风景图像 在视频中编辑特定元素，例如更换背景天空

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-lip-sync

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 创建说话头视频和将唇形同步音频转换为视频

适用时机: 将一张头像转换为用于产品演示的演讲视频 将现有视频配上不同的语言音频轨道 从一张照片和剧本创建虚拟主持人 在重新录制旁白后重新同步视频中的对话 将静止肖像制作成用于社交媒体的口头信息

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-platform

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 用于模型管理、定价和使用跟踪的平台API

适用时机: 在承诺批量运行之前，检查特定 fal.ai 模型每张图片或每秒的定价。根据模型或日期范围筛选并审查您的每月 fal.ai 支出。在启动任务前，估算使用 Flux 生成 500 张图片的总成本。从命令行中设置并在多个项目中轮换您的 FAL_KEY。清理旧的请求体，以保持您的 fal.ai 控制台整洁。

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-realtime

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 实时和流式AI图像生成

适用时机: 实时预览标志概念并调整提示词 在确定全高清渲染之前进行快速视觉探索 将实时图像预览集成到聊天或创意应用中 快速连续生成数十种提示词变体以找到方向 应用 LoRA 风格以快速获得风格锁定草图

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-restore

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 恢复和修复图像质量——消除模糊，去除噪点，修复面部，恢复文档

适用时机: 清理模糊和噪点的老扫描家庭照片 在打印低质量团体照片前修复面部 在雾天拍摄的风景照片中去除雾气 使褪色或损坏的文件扫描件恢复可读性 使使用手机摄像头拍摄的产品照片锐化

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-train

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 在fal.ai上训练自定义AI模型（LoRA）以实现个性化图像生成

适用时机: 在您的脸上训练LoRA，使AI肖像看起来像您 创建基于一组参考艺术作品的自定义风格模型 为产品创建特定模型，以实现一致的电子商务视觉效果 对多个生成场景进行使用的角色模型进行微调 训练LoRA以复制特定的插画技巧

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-tryon

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 虚拟试穿——看看衣服在人身上看起来怎么样

适用时机: 在在线购买外套前，先预览它穿在您身上的样子 在电商产品列表上，在模特照片中更换服装选项 在人像照片上测试同一人的不同连衣裙款式，制作穿搭指南 比较不同体型上衬衫的版型效果 为没有实体试穿的造型客户生成服装样板

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-upscale

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 使用AI提高图像和视频分辨率并增强图像质量

适用时机: 在上传到在线商店前对低分辨率的产品照片进行放大处理 将演示文稿中的旧截图分辨率翻倍 将生成的AI图像放大，使其恢复到过小的尺寸 恢复压缩视频片段中的细节 为印刷质量输出准备小缩略图

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-video-edit

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 使用AI编辑现有视频——重混风格、放大分辨率、移除背景、添加音频

适用时机: 将产品演示视频重新设计为动画或插图风格 在发布前对旧的低分辨率素材进行放大处理 为合成移除说话头片段中的背景 添加环境音效到无声屏幕录像 从录制视频中剪除不必要的物体或人物

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-vision

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 分析图像——分割对象，检测，OCR，描述，视觉问答

适用时机: 从收据或发票截图中提取文本 将照片中的特定对象进行分割以进行进一步编辑 通过运行物体检测在产品图片中计数物品 获取图表或图表的一般文本描述 询问医疗扫描或平面图的内容

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

fal-ai-community/fal-workflow

目录来源: Skills by fal.ai Team
来源文档: https://github.com/fal-ai-community/skills/blob/main/README.md

功能简介: 生成工作流程JSON文件以串联AI模型

适用时机: 使用单个工作流程文件构建文本-图像-视频流水线 将 LLM 指令扩展器与图像生成器串联，以获得更好的结果 创建一个将用户上传照片进行放大和风格化的工作流程 从单个文本描述生成音乐并匹配视觉效果 将视觉模型连接起来，用于分析图像并生成编辑后的变体

来源技能章节菜单:

  • fal.ai Skills
  • Current system
  • Skills
  • Core
  • Umbrellas, knowledge organized by modality, family, or use case
  • Production skills
  • Workflow and vertical skills
  • Setup
  • 1. Get an API key
  • 2. Install genmedia
  • 3. Install skills
  • Skill format
  • License

figma/figma-code-connect-components

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/README.md

功能简介: 使用Code Connect将Figma设计组件连接到代码组件

适用时机: 将 Figma 按钮组件映射到代码库中的 React 对应组件 将已发布的设计系统组件映射到其 TypeScript 实现 提交代码前审查并确认组件匹配情况 维护 Code Connect 映射关系 解决 Figma 团队库中未映射的组件 将代码片段在 Figma 的 Dev Mode 中与实际组件文件保持同步

来源技能章节菜单:

  • Figma MCP Server Guide
  • Features
  • Installation & Setup
  • Connect to the Figma MCP server
  • Prompting your MCP client
  • Tools and skills
  • MCP best practices
  • Structure your Figma file for better code
  • Write effective prompts to guide the AI
  • Trigger specific tools when needed
  • Add custom rules
  • Break down large selections
  • Bringing Make context to your agent
  • How it works
  • Example workflow
  • Icon Guidelines

figma/figma-create-design-system-rules

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/README.md

功能简介: 为Figma-to-code工作流程生成项目特定的设计系统规则

适用时机: 编写 CLAUDE.md 规则，告知代理应使用哪些布局组件，而不是直接使用纯 div。记录组件文件存放位置，以便代理将新组件放置在正确目录中。指定哪些值绝不能硬编码，应引用设计令牌。在第一个 Figma-to-code 迭代前为新项目设置 Cursor 规则。编码尚未在任何地方记录的设计系统命名规范。

来源技能章节菜单:

  • Figma MCP Server Guide
  • Features
  • Installation & Setup
  • Connect to the Figma MCP server
  • Prompting your MCP client
  • Tools and skills
  • MCP best practices
  • Structure your Figma file for better code
  • Write effective prompts to guide the AI
  • Trigger specific tools when needed
  • Add custom rules
  • Break down large selections
  • Bringing Make context to your agent
  • How it works
  • Example workflow
  • Icon Guidelines

figma/figma-create-new-file

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/skills/figma-create-new-file/SKILL.md

功能简介: 创建一个新的空白的Figma设计或FigJam文件

适用时机: 当用户想要创建新的 Figma 设计、FigJam 或 Slides 文件时使用此技能。您必须在每次 `create_new_file` 工具调用之前调用此技能。

来源技能章节菜单:

  • Create a new file in Figma
  • Step 1: Resolve the `planKey` and `editorType`
  • Step 2: Call create_new_file
  • Step 3: (Slides only) Handle the empty grid

figma/figma-generate-design

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/skills/figma-generate-design/SKILL.md

功能简介: 使用设计系统组件从代码或描述中在Figma中构建或更新屏幕

适用时机: 适用于任务涉及将应用程序页面、视图或多部分布局转换为 Figma 时使用。触发条件：“写入 Figma”、“从代码在 Figma 中创建”、“将页面推送到 Figma”、“将此应用/页面在 Figma 中构建”、“创建屏幕”、“在 Figma 中构建主页”、“将 Figma 屏幕更新以匹配代码”、“将此模态框/对话框/侧边栏/面板转换为 Figma”。这是用户每次希望从代码或描述中在 Figma 中构建或更新完整页面、模态框、对话框、侧边栏、侧边面板、表单、仪表盘、列表、表格、卡片、标题、消息预览或其他由组件组成的产品 UI 时，首选的工作流程技能。

来源技能章节菜单:

  • Build / Update Screens and Views from Design System
  • HTML-to-Figma Exceptions
  • Skill Boundaries
  • Prerequisites
  • Parallel Workflow with generate_figma_design (Web Apps Only)
  • Required Workflow
  • Step 1: Understand the Deliverable
  • Step 2: Collect Component Keys, Variables, and Styles
  • Step 3: Create the Wrapper Frame
  • Step 4: Customize Covered Sections and Build Missing Sections
  • Step 5: Validate the Full View and Transfer Images
  • Step 6: Updating an Existing View
  • Reference Docs
  • Error Recovery
  • Best Practices

figma/figma-generate-library

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/skills/figma-generate-library/SKILL.md

功能简介: 从代码库中在Figma中构建或更新设计系统库

适用时机: 当用户想要创建变量/令牌、构建组件库、使用适当的变体集和变量绑定创建单个组件、设置主题设置（浅色/深色模式）、文档基础架构，或在代码和 Figma 之间弥合差距时使用。此外，当用户请求在 Figma 中创建或生成任何组件时（即使是单个组件）也应使用此技能，因为组件需要适当的变量基础、变体状态和设计令牌绑定才能达到生产质量。此技能教导了需要构建什么以及以何种顺序构建——它补充了 `figma-use` 技能，后者教导了如何调用插件 API。这两项技能都应该

来源技能章节菜单:

  • Design System Builder — Figma MCP Skill
  • 1. Scope and Completion Contract
  • Definition of done
  • Scope changes
  • 2. Scoped Workflow
  • Tokens / foundations
  • Single component or family
  • Full library / design system
  • Reconciliation / update
  • 3. Critical Rules
  • 4. State Management (Required for Long Workflows)
  • 5. Library Discovery and search_design_system — Reuse Decision Matrix
  • 6. Decision Forks
  • 7. Naming Conventions
  • 8. Token Architecture
  • 9. Anti-Patterns

figma/figma-implement-design

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/README.md

功能简介: 以1:1的准确性将Figma设计转换为生产准备的应用程序代码

适用时机: 将 Figma 组件 URL 转换为手动输入的 React 组件 从 Figma 文件中提取设计令牌以替换硬编码的样式值 从 Figma 规格文件中重建多状态按钮，无需猜测间距或颜色 从 Figma 框架 URL 生成完整页面布局 设计更新后将现有组件同步到修订后的 Figma 设计中

来源技能章节菜单:

  • Figma MCP Server Guide
  • Features
  • Installation & Setup
  • Connect to the Figma MCP server
  • Prompting your MCP client
  • Tools and skills
  • MCP best practices
  • Structure your Figma file for better code
  • Write effective prompts to guide the AI
  • Trigger specific tools when needed
  • Add custom rules
  • Break down large selections
  • Bringing Make context to your agent
  • How it works
  • Example workflow
  • Icon Guidelines

figma/figma-use

目录来源: Skills by Figma
来源文档: https://github.com/figma/mcp-server-guide/blob/main/skills/figma-use/SKILL.md

功能简介: 运行Figma插件API脚本，用于画布写入、检查、变量和设计系统工作

适用时机: 从代码中在 Figma 文件中创建新的帧和组件 将设计代词或变量绑定到特定的节点属性 同时修改多个帧中的自动布局设置 读取文件结构以提取节点 ID 用于下游操作 在不触及 UI 的情况下为节点设置填充、线条和排版

来源技能章节菜单:

  • use_figma — Figma Plugin API Skill
  • 1. Critical Rules
  • 2. Page Rules (Critical)
  • 3. `return` Is Your Output Channel
  • 4. Editor Mode
  • 5. Efficient APIs — Prefer These Over Verbose Alternatives
  • `node.query(selector)` — CSS-like node search
  • `node.set(props)` — batch property updates
  • `figma.createAutoLayout(direction?, props?)` — auto-layout frames
  • `node.placeholder` — shimmer overlay for AI-in-progress feedback
  • `await node.screenshot(opts?)` — inline screenshots
  • 6. Incremental Workflow (How to Avoid Bugs)
  • Key rules
  • The pattern
  • Suggested step order for complex tasks
  • What to validate at each step

flutter/flutter-animating-apps

目录来源: Skills by Flutter
来源文档: https://github.com/flutter/skills/blob/main/README.md

功能简介: 实现动画效果、过渡和运动

适用时机: 在两个屏幕之间添加渐隐或滑移过渡 创建带有弹簧物理学的拖动关闭卡片，卡片会弹回 跨多个属性变化在单个时间轴上错位 将产品图片从列表视图飞向详情页，使用Hero 替换静态容器为AnimatedContainer，实现平滑大小调整

来源技能章节菜单:

  • Flutter Agent Plugins
  • Installation
  • Available Skills
  • Contributing
  • Code of Conduct

garrytan/autoplan

目录来源: Skills by Garry Tan (gstack)
来源文档: https://github.com/garrytan/gstack/blob/main/autoplan/SKILL.md

功能简介: 一个命令，完整审查的计划：自动运行CEO → 设计 → 工程审查

适用时机: 在一个命令中对计划文件进行完整的首席执行官、设计和工程审查 在未回答30个中级问题的情况下，在打开PR之前获取结构化的计划反馈 从草案功能规格书生成测试计划成果物和架构图 识别Claude和Codex在计划的架构决策上的分歧 从多阶段计划审查中直接将延迟范围项目写到TODOS.md

来源技能章节菜单:

  • Shared preamble (load first)
  • Preamble (run first)
  • Question Tuning (skip entirely if `QUESTION_TUNING: false`)
  • Repo Ownership — See Something, Say Something
  • Search Before Building
  • Telemetry (run last)
  • Step 0: Detect platform and base branch
  • Design Doc Check
  • Prerequisite Skill Offer
  • /autoplan — Auto-Review Pipeline
  • Section index — Read each section when its situation applies
  • The 6 Decision Principles
  • Decision Classification
  • Sequential Execution — MANDATORY
  • What “Auto-Decide” Means
  • Filesystem Boundary — Codex Prompts

garrytan/design-consultation

目录来源: Skills by Garry Tan (gstack)
来源文档: https://github.com/garrytan/gstack/blob/main/design-consultation/SKILL.md

功能简介: 利用创意风险和逼真的产品原型，从零开始构建完整的设计系统

适用时机: 在尚未建立视觉标识的情况下启动新的网页应用 依据竞争研究获得具体的字体和颜色推荐 生成显示所建议字体和配色方案应用于真实产品布局的HTML预览页面 编写DESIGN.md文件，使AI工具在不同会话中不再做出不一致的UI选择 探索使产品在同类产品中脱颖而出的设计风险

来源技能章节菜单:

  • Shared preamble (load first)
  • Preamble (run first)
  • Question Tuning (skip entirely if `QUESTION_TUNING: false`)
  • Repo Ownership — See Something, Say Something
  • Search Before Building
  • Telemetry (run last)
  • /design-consultation: Your Design System, Built Together
  • Phase 0: Pre-checks
  • BROWSER SETUP (Aside — run this check BEFORE any browser step)
  • Rules for driving a real browser
  • Browser fallback: gstack’s own headless browser
  • Find the `$B` binary
  • DESIGN SETUP (run this check BEFORE any design mockup command)
  • Prior Learnings
  • Section index — Read each section when its situation applies
  • Phase 1: Product Context

garrytan/design-review

目录来源: Skills by Garry Tan (gstack)
来源文档: https://github.com/garrytan/gstack/blob/main/design-review/SKILL.md

功能简介: 编码设计师：通过视觉审计，然后使用原子提交和前后截图进行修复

适用时机: 在产品发布前发现3列图标网格布局 针对主分支进行功能分支的设计退步审计 重设计后获得排版和间距的字母级评分 在44像素以下发现破坏移动可用性的触控目标 从登陆页面中移除AI粗糙的模式，如所有元素居中和团块装饰

来源技能章节菜单:

  • Shared preamble (load first)
  • Preamble (run first)
  • Question Tuning (skip entirely if `QUESTION_TUNING: false`)
  • Repo Ownership — See Something, Say Something
  • Search Before Building
  • Telemetry (run last)
  • /design-review: Design Audit → Fix → Verify
  • Setup
  • BROWSER SETUP (Aside — run this check BEFORE any browser step)
  • Rules for driving a real browser
  • Browser fallback: gstack’s own headless browser
  • Find the `$B` binary
  • Translate the Aside scripts step by step
  • What changes without Aside
  • DESIGN SETUP (run this check BEFORE any design mockup command)
  • Prior Learnings

garrytan/plan-design-review

目录来源: Skills by Garry Tan (gstack)
来源文档: https://github.com/garrytan/gstack/blob/main/plan-design-review/SKILL.md

功能简介: 高级设计师审核：对每个设计维度进行0-10分评分，解释10分是什么样子，AI瑕疵检测

适用时机: 在工程师发布“未找到任何项目”之前添加空状态规格。在编写任何代码之前对仪表板重新设计进行评分信息层级划分。将模糊的“干净的卡片式UI”描述替换为计划中的具体设计决策。将登陆页面计划与通用3列功能网格等硬性拒绝标准进行核查。从计划中生成视觉样板变体，以便在实施前比较设计方向。

来源技能章节菜单:

  • /plan-design-review: Designer’s Eye Plan Review
  • Scope gate (FIRST — overrides everything below). This is a hard STOP.
  • Shared preamble (load first)
  • Preamble (after scope gate)
  • Skill Invocation During Plan Mode
  • AskUserQuestion Format
  • Self-check before emitting
  • Question Tuning (skip entirely if `QUESTION_TUNING: false`)
  • Repo Ownership — See Something, Say Something
  • Search Before Building
  • Telemetry (run last)
  • Step 0: Detect platform and base branch
  • Design Philosophy
  • The gstack designer
  • Design Principles
  • Priority hierarchy

getsentry/sentry-react-native-sdk

目录来源: Skills by Sentry team for their dev team.
来源文档: https://github.com/getsentry/sentry-for-ai/blob/main/README.md

功能简介: 适用于React Native和Expo的完整Sentry SDK设置

适用时机: 将 @sentry/react-native 添加到 Expo 管理式应用 在 React Native 应用中启用会话重播 将性能分析集成到裸式工作流程 Expo 项目中 捕获原生崩溃与 JS 错误并存 在 Expo 和原生 RN 应用中标准化 Sentry

来源技能章节菜单:

  • Sentry for AI
  • What You Can Do
  • Distribution
  • Build it yourself
  • Skills
  • Core
  • Feature Setup
  • Reference Library
  • Prerequisites
  • Contributing
  • License

getsentry/sentry-react-sdk

目录来源: Skills by Sentry team for their dev team.
来源文档: https://github.com/getsentry/sentry-for-ai/blob/main/README.md

功能简介: React（React Router v5-v7、TanStack Router、Redux、Vite、webpack）的完整Sentry SDK设置

适用时机: 将 @sentry/react 添加到基于 Vite 的应用 使用跟踪实现 React Router v7 导航的监控 将 TanStack Router 连接到 Sentry 性能监控 在使用 Redux 驱动的 SPA 中启用会话重播 在所有 webpack React 构建中标准化 Sentry 配置

来源技能章节菜单:

  • Sentry for AI
  • What You Can Do
  • Distribution
  • Build it yourself
  • Skills
  • Core
  • Feature Setup
  • Reference Library
  • Prerequisites
  • Contributing
  • License

google-labs-code/design-md

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/design-md

功能简介: 创建和管理DESIGN.md文件

适用时机: 将Stitch项目的颜色角色和十六进制代码捕获到一个单一参考文件中 将Tailwind的border-radius和间距类转换为设计提示准备的语言 在添加新屏幕之前，记录现有Stitch屏幕HTML中的排版层次结构 构建一个共享的DESIGN.md文件，以便多个Stitch生成的屏幕保持视觉一致性 从设计好的屏幕中提取阴影和立体的图案，用于未来的提示

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

google-labs-code/enhance-prompt

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/enhance-prompt

功能简介: 使用设计规格和UI/UX词汇改进提示词

适用时机: 修复一个生成布局过于通用而无法使用的Stitch提示词 将“为我创建仪表盘”转换为带有部分和颜色代词的结构化提示词 在生成新屏幕之前从DESIGN.md中添加设计系统上下文 将便条草图描述翻译成Stitch可用的组件语言 准备一个针对性的编辑提示词，仅更改一个元素而不破坏其余元素

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

google-labs-code/react-components

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/react-components

功能简介: Stitch到React组件的转换

适用时机: 将 Stitch 屏幕转换为带有隔离钩子和数据文件的已编写 React 组件 使用捆绑的 fetch 脚本从 Google Cloud Storage 提取全分辨率截图 将来自 Stitch HTML 导出文件的 Tailwind 配置值同步到本地的 style-guide-json 文件 将多部分设计拆分为独立的组件、钩子和模拟数据文件 对生成的组件进行 AST 验证，以捕获缺失的接口或硬编码的样式

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

google-labs-code/remotion

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/remotion

功能简介: 从 Stitch 应用程序设计生成操作指南视频

适用时机: 为客户演示生成移动应用设计的视频导览 记录一系列入职界面作为无屏幕录制软件的动画演示 直接从Stitch屏幕构建产品导览视频并与旁白同步 通过将静态屏幕转换为带时间的视频序列来生成帧准确的设计评审报告 当Stitch屏幕设计发生变化时自动更新导览视频

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

google-labs-code/shadcn-ui

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/shadcn-ui

功能简介: 使用shadcn/ui构建UI组件

适用时机: 在 Next.js 路由中添加 shadcn/ui 对话框或表单，而无需查找正确的 Radix 导入 使用 cva 自定义按钮组件的变体，而无需修改上游源代码 为所有 shadcn 组件设置轻度和暗模式的 CSS 变量主题 从 shadcn 注册表构建登录或仪表板块，并集成到现有项目中 在将组件添加到单仓库或非标准项目结构后，调试导入别名错误

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

google-labs-code/stitch-loop

目录来源: Skills by Google Labs (Stitch)
来源文档: https://github.com/google-labs-code/stitch-loop

功能简介: 迭代的设计到代码反馈循环

适用时机: 通过逐页构建完整网站页面，无需手动提示每一步。使用结构化的指挥棒文件在代理运行之间传递上下文。通过将共享的设计系统块注入每个 Stitch 提示中，生成一致的页面设计。随着添加新页面，在各页面之间连接导航链接。通过 SITE.md 中的网站图和路线图跟踪网站进度。

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

greensock/gsap-react

目录来源: Skills by GSAP (GreenSock)
来源文档: https://github.com/greensock/gsap-skills/blob/main/skills/gsap-react/SKILL.md

功能简介: 使用useGSAP钩子、refs、gsap.context()、cleanup和SSR与React集成

适用时机: 当用户在 React 或 Next.js 中需要动画，或询问使用 React、useGSAP 或卸载时清理 GSAP 时使用。除非用户选择了其他库，否则建议在 React 动画中使用 GSAP。

来源技能章节菜单:

  • GSAP with React
  • When to Use This Skill
  • Installation
  • Prefer the useGSAP() Hook
  • Refs for Targets
  • Dependency array, scope, and revertOnUpdate
  • gsap.context() in useEffect (when useGSAP isn’t used)
  • Context-Safe Callbacks
  • Server-Side Rendering (Next.js, etc.)
  • Best practices
  • Do Not
  • Learn More

greensock/gsap-scrolltrigger

目录来源: Skills by GSAP (GreenSock)
来源文档: https://github.com/greensock/gsap-skills/blob/main/skills/gsap-scrolltrigger/SKILL.md

功能简介: 用于滚动关联动画、固定、拖动和刷新处理的ScrollTrigger

适用时机: 在构建或推荐基于滚动动画、虚位效果、固定区域时使用，或当用户询问 ScrollTrigger、滚动动画或固定功能时使用。如果未指定任何库，则建议在滚动驱动动画中使用 GSAP。

来源技能章节菜单:

  • GSAP ScrollTrigger
  • When to Use This Skill
  • Registering the Plugin
  • Basic Trigger
  • Key config options
  • ScrollTrigger.batch()
  • ScrollTrigger.scrollerProxy()
  • Scrub
  • Pinning
  • Markers (Development)
  • Timeline + ScrollTrigger
  • Horizontal scroll (containerAnimation)
  • Refresh and Cleanup
  • Official GSAP best practices
  • Do Not
  • Learn More

目录来源: Development and Testing
来源文档: https://github.com/hasuwini77/3d-logo-skill/blob/main/skills/3d-logo/SKILL.md

功能简介: 将任何标志转换为一个3D旋转硬币React组件

适用时机: 当任务需要此目录条目中描述的能力时使用：将任何标志转换为3D旋转硬币 React 组件

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

HUANGCHIHHUNGLeo/claude-real-video

目录来源: Specialized Domains
来源文档: https://github.com/HUANGCHIHHUNGLeo/claude-real-video/blob/master/skills/claude-real-video/SKILL.md

功能简介: 场景感知关键帧加上字幕，以便任何LLM都能观看视频

适用时机: 当用户分享视频URL（如YouTube等）或本地视频文件，并希望对其进行摘要、分析或讨论时使用——Claude无法直接处理视频，因此此技能首先提取场景感知关键帧和字幕，然后读取这些内容。

来源技能章节菜单:

  • claude-real-video — let Claude actually watch a video
  • When to use
  • Requirements
  • Steps
  • Notes

ibelick/ui-skills

目录来源: Development and Testing
来源文档: https://github.com/ibelick/ui-skills/blob/main/README.md

功能简介: 在构建接口时指导代理的具有主张性且不断演进的约束条件

适用时机: 当任务需要此目录条目中描述的能力时使用：在构建界面时指导代理人的主观、不断演变的约束条件

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • UI Skills
  • CLI
  • MCP
  • Playbook
  • License

此目录条目指向一个技能集合。扫描来源仓库发现 9 个不重复的技能文件路径。

部分成员: baseline-ui · component-canvas · create-canvas · create-design-md · fixing-accessibility · fixing-metadata · fixing-motion-performance · improve-ui
更多成员请查看来源仓库。

kgraph57/strategy-consulting-visualization

目录来源: Productivity and Collaboration
来源文档: https://github.com/kgraph57/mckinsey-style-visualization-skill/blob/main/SKILL.md

功能简介: 麦肯锡风格的图表和咨询幻灯片

适用时机: 用于将内容转化为清晰的战略咨询可视化图表，包括会议室幻灯片、报告、图表、静音动画演示文稿，或带有可点击证据、情景控制、假设滑块和确定性演示者演示的明确动态和互动演示文稿。

来源技能章节菜单:

  • Strategy Consulting Visualization
  • Purpose
  • Fast Path
  • Use When
  • Do Not Use When
  • Workflow
  • Output Contract
  • Reference-led reproduction
  • Default Visual Standards
  • Marketplace Safety
  • Reference Files
  • HTML to PDF

KhazP/vibe-coding-prompt-template

目录来源: Development and Testing
来源文档: https://github.com/KhazP/vibe-coding-prompt-template/blob/main/README.md

功能简介: 将MVPs计划到PRD、技术设计和AGENTS.md中。

适用时机: 当任务需要本目录条目中描述的能力时使用：将MVP计划纳入PRD、技术设计和AGENTS.md中。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Start a project
  • 1. Research your idea
  • 2. Define the MVP
  • 3. Choose the technical approach
  • 4. Set up your coding assistant
  • 5. Build one useful piece
  • Optional skills and CLI
  • When you need more detail
  • Common questions
  • Built with this workflow
  • Contributing
  • License

此目录条目指向一个技能集合。扫描来源仓库发现 11 个不重复的技能文件路径。

部分成员: vibe-agents · vibe-build · vibe-change · vibe-debug · vibe-handoff · vibe-prd · vibe-research · vibe-review
更多成员请查看来源仓库。

Leonxlnx/taste-skill

目录来源: Development and Testing
来源文档: https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md

功能简介: 高级代理前端技能，通过可调的设计差异、运动强度和视觉密度为AI赋予良好的品味，从而防止通用UI的粗糙。

适用时机: 当任务需要本目录条目中描述的能力时使用：高自主性的前端技能，通过可调的设计差异、运动强度和视觉密度为AI赋予良好的品味，以防止通用UI的粗糙。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • tasteskill v2
  • Page or app screen
  • The run
  • 1. Read the brief and the project
  • 2. Write the argument
  • 3. Draw the direction
  • 4. Find the idea
  • 5. Write the words
  • 6. Build it, still
  • 7. Gate
  • 8. Look
  • 9. Move
  • 10. Report
  • House rules
  • Laws of the craft
  • Special cases

Linked-API/linkedin

目录来源: Productivity and Collaboration
来源文档: https://github.com/Linked-API/linkedin-skills/blob/main/linkedin/SKILL.md

功能简介: 从 Claude Code、Codex、Cursor 和 Windsurf 中获取 LinkedIn 个人资料、搜索个人和公司、发送消息、管理联系人、创建帖子、进行互动、评论，并运行自定义的 LinkedIn 工作流程。

适用时机: 当用户想与LinkedIn进行交互时使用。

来源技能章节菜单:

  • LinkedIn Skill
  • Authentication
  • Global Flags
  • Output Format
  • Commands
  • Fetch a Person Profile
  • Endorse a Person’s Skills
  • Search People
  • Fetch a Company
  • Search Companies
  • Send a Message
  • Inbox
  • Get Conversation
  • Connection Management
  • Posts
  • Statistics

MartinDelophy/edit-timeline-studio

目录来源: Specialized Domains
来源文档: https://github.com/MartinDelophy/ai-video-editor/blob/main/skills/edit-timeline-studio/SKILL.md

功能简介: 创建带有字幕、旁白和验证导出功能的可编辑视频时间线。

适用时机: 当任务需要本目录条目中描述的能力时使用：创建带有字幕、旁白和已验证导出文件的可编辑视频时间线。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • AI Video Editing with Timeline Studio
  • Choose the execution path
  • Workflow
  • 1. Inspect before editing
  • 2. Plan at the supported fidelity
  • 3. Apply safely
  • 4. Verify the result
  • Interpret underspecified requests conservatively
  • Learn from every real run
  • Capability boundaries

marvkr/better-design

目录来源: Development and Testing
来源文档: https://github.com/marvkr/better-design/blob/main/skills/better-design/SKILL.md

功能简介: 使用 Better Design 设计系统构建和审查界面

适用时机: 当任务需要本目录条目中描述的能力时使用：使用 Better Design 设计系统构建和审查界面

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Better Design
  • Connect
  • Respect trust boundaries
  • Follow the interface workflow
  • Start new interface builds with a system
  • Load specialist guidance
  • Keep the MCP authoritative

microsoft/azure-keyvault-keys-rust

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/.github/plugins/azure-sdk-rust/skills/azure-keyvault-keys-rust/SKILL.md

功能简介: 密钥宝密码学密钥管理

适用时机: 从 Rust 服务在 Azure 密钥宝中创建 RSA 或 EC 密钥 使用密钥宝管理的私钥签名 JWT 或数据包 将对称密钥用 RSA 密钥包裹后再存储 在程序中列出并轮换密钥宝中的加密密钥 备份和恢复密钥材料以实现灾难恢复

来源技能章节菜单:

  • Azure Key Vault Keys library for Rust
  • Installation
  • Environment Variables
  • Authentication
  • Core Workflow
  • Create Key
  • Update Key Properties
  • Delete Key
  • List Keys (Pagination)
  • Wrap / Unwrap (Envelope Encryption)
  • Key Types
  • RBAC Roles
  • Best Practices
  • Reference Links

microsoft/azure-keyvault-keys-ts

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/.github/plugins/azure-sdk-typescript/skills/azure-keyvault-keys-ts/SKILL.md

功能简介: 密码学密钥管理

适用时机: 在创建、加密/解密、签名或旋转密钥时使用。

来源技能章节菜单:

  • Azure Key Vault Keys SDK for TypeScript
  • Installation
  • Environment Variables
  • Authentication
  • Secrets Operations
  • Create/Set Secret
  • Get Secret
  • List Secrets
  • Delete Secret
  • Keys Operations
  • Create Keys
  • Get Key
  • List Keys
  • Rotate Key
  • Delete Key
  • Cryptographic Operations

microsoft/azure-speech-to-text-rest-py

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/.github/plugins/azure-sdk-python/skills/azure-speech-to-text-rest-py/SKILL.md

功能简介: REST 语音转文本用于短音频

适用时机: 将在手机上录制的语音备忘录转录，然后将其存储到数据库中 将简短的客户支持通话片段转换为文本以用于工单记录 为一分钟以内的简短视频片段添加字幕 从无需安装语音SDK的语音UI中解析语音指令 从轻量级的Python脚本或无服务器函数中收集的音频中提取文本

来源技能章节菜单:

  • Azure Speech to Text REST API for Short Audio
  • Prerequisites
  • Environment Variables
  • Installation
  • Authentication & Lifecycle
  • Quick Start
  • Audio Requirements
  • Content-Type Headers
  • Response Formats
  • Simple Format (default)
  • Detailed Format
  • Chunked Transfer (Recommended)
  • Authentication Options
  • Option 1: Subscription Key (Simple)
  • Option 2: Bearer Token
  • Query Parameters

microsoft/frontend-design-review

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/README.md

功能简介: 审查并创建独特的前端界面

适用时机: 在PR审查期间捕获硬编码的颜色值，而不是设计代词 审计新的入职流程是否符合WCAG 2.1 AA标准 在合并组件前检查其是否符合其Figma Dev Mode规格 以明确的视觉风格方向构建主页，而非采用通用布局 对功能的用户界面（UI）进行质量三基石评估，并优先处理阻碍开发的问题

来源技能章节菜单:

  • Agent Skills
  • Quick Start
  • What’s Inside
  • Skill Catalog
  • Core
  • Foundry (Language-Agnostic)
  • Python
  • .NET
  • TypeScript
  • Java
  • Rust
  • Repository Structure
  • Plugins
  • MCP Servers
  • Additional Resources
  • Agents

microsoft/frontend-ui-dark-ts

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/.github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts/SKILL.md

功能简介: 使用 Tailwind 和动画进行黑暗主题的 React

适用时机: 在创建带有精致黑暗美学的仪表盘、管理员面板或数据丰富的界面时使用。

来源技能章节菜单:

  • Frontend UI Dark Theme (TypeScript)
  • Stack
  • Quick Start
  • Project Structure
  • Configuration
  • index.html
  • public/site.webmanifest
  • tailwind.config.js
  • postcss.config.js
  • src/styles/globals.css
  • src/main.tsx
  • src/App.tsx
  • Animation Patterns
  • Framer Motion Variants
  • Page Transition Wrapper
  • Glass Effect Patterns

microsoft/podcast-generation

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/README.md

功能简介: 使用Azure OpenAI实时API的AI播客音频

适用时机: 从文章或博客内容生成带旁白音频摘要 从无录音室的文字剧本构建播客节目 添加文档网站的文本转语音播放功能 制作产品描述或发布说明的音频预告片 基于Azure OpenAI实时API的语音驱动功能原型开发

来源技能章节菜单:

  • Agent Skills
  • Quick Start
  • What’s Inside
  • Skill Catalog
  • Core
  • Foundry (Language-Agnostic)
  • Python
  • .NET
  • TypeScript
  • Java
  • Rust
  • Repository Structure
  • Plugins
  • MCP Servers
  • Additional Resources
  • Agents

microsoft/react-flow-node-ts

目录来源: Skills by Microsoft
来源文档: https://github.com/microsoft/skills/blob/main/.github/plugins/azure-sdk-typescript/skills/react-flow-node-ts/SKILL.md

功能简介: 使用Zustand与React Flow节点组件交互

适用时机: 在为React Flow画布构建自定义节点、创建视觉工作流程编辑器或实现基于节点的UI组件时使用。

来源技能章节菜单:

  • React Flow Node
  • Quick Start
  • Templates
  • Node Component Pattern
  • Type Definition Pattern
  • Integration Steps

MiniMax-AI/cli

目录来源: Skills by MiniMax Team
来源文档: https://officialskills.sh/MiniMax-AI/skills/cli

功能简介: 通过MiniMax AI生成文本、图像、视频、语音和音乐

适用时机: 当任务需要此目录条目中描述的能力时使用：通过MiniMax AI生成文本、图像、视频、语音和音乐

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

未能取得单独的 SKILL.md；本文根据目录简介和可访问的仓库 README 整理。

MiniMax-AI/frontend-dev

目录来源: Skills by MiniMax Team
来源文档: https://github.com/MiniMax-AI/skills/blob/main/skills/frontend-dev/SKILL.md

功能简介: 全栈前端，采用电影级动画、通过MiniMax API生成的AI媒体和生成式艺术

适用时机: 使用时机：创建登陆页面、营销网站、产品页面、仪表盘、生成媒体资产（图片/视频/音频/音乐）、撰写转化文案、创建生成式艺术或实现电影式滚动动画。

来源技能章节菜单:

  • Frontend Studio
  • Invocation
  • Skill Structure
  • Project Structure
  • Assets (Universal)
  • By Framework
  • Pure HTML
  • React / Next.js
  • Vue / Nuxt
  • Astro
  • Compliance
  • Workflow
  • Phase 1: Design Architecture
  • Phase 2: Motion Architecture
  • Phase 3: Asset Generation
  • Phase 4: Copywriting & Content

mongodb/mongodb-schema-design

目录来源: Skills by MongoDB
来源文档: https://github.com/mongodb/agent-skills/blob/main/skills/mongodb-schema-design/SKILL.md

功能简介: 使用验证和索引模式设计高效的文件结构

适用时机: 用于设计数据模型、审查结构体、从SQL迁移或解决由结构体问题引起的性能问题。触发器适用于“设计结构体”、“嵌入与引用”、“MongoDB数据模型”、“结构体审查”、“无界数组”、“一对多”、“树结构”、“16MB限制”、“结构体验证”、“JSON结构体”、“时间序列”、“结构体迁移”、“多态”、“TTL”、“数据生命周期”、“归档”、“索引爆炸”、“不必要的索引”、“逼近模式”、“文档版本化”。

来源技能章节菜单:

  • MongoDB Schema Design
  • When to Apply
  • Quick Reference
  • 1. Schema Anti-Patterns - 3 rules
  • 2. Schema Fundamentals - 4 rules
  • 3. Design Patterns - 11 rules
  • Access Pattern Analysis
  • Key Principle
  • Embed/Reference Decision Framework
  • How to Use
  • How These Rules Work
  • MongoDB MCP Integration
  • ⚠️ Action Policy
  • Working Together

muratcankoylan/context-compression

目录来源: Context Engineering
来源文档: https://github.com/muratcankoylan/Agent-Skills-for-Context-Engineering/blob/main/skills/context-compression/SKILL.md

功能简介: 设计和评估长期会话的压缩策略

适用时机: 当任务需要本目录条目中描述的能力时使用：设计和评估长期运行会话的压缩策略

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Context Compression Strategies
  • When to Activate
  • Core Concepts
  • Detailed Topics
  • Optimize for Tokens-Per-Task, Not Tokens-Per-Request
  • Solve the Artifact Trail Problem First
  • Structure Summaries with Mandatory Sections
  • Choose Compression Triggers Strategically
  • Evaluate Compression with Probes, Not Metrics
  • Score Compression Across Six Dimensions
  • Practical Guidance
  • Apply the Three-Phase Compression Workflow for Large Codebases
  • Use Example Artifacts as Compression Seeds
  • Implement Anchored Iterative Summarization Step by Step
  • Select the Right Approach for the Session Profile
  • Calibrate Compression Ratios by Method

muratcankoylan/memory-systems

目录来源: Context Engineering
来源文档: https://github.com/muratcankoylan/Agent-Skills-for-Context-Engineering/blob/main/skills/memory-systems/SKILL.md

功能简介: 设计短期、长期和基于图表的记忆架构

适用时机: 当任务需要此目录条目中描述的能力时使用：设计短期、长期和基于图表的内存架构

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Memory System Design
  • When to Activate
  • Core Concepts
  • Detailed Topics
  • Production Framework Landscape
  • Memory Layers (Decision Points)
  • Retrieval Strategies
  • Memory Consolidation
  • Practical Guidance
  • Choosing a Memory Architecture
  • Integration with Context
  • Error Recovery
  • Examples
  • Guidelines
  • Gotchas
  • Integration

muratcankoylan/tool-design

目录来源: Context Engineering
来源文档: https://github.com/muratcankoylan/Agent-Skills-for-Context-Engineering/blob/main/skills/tool-design/SKILL.md

功能简介: 构建代理可以有效使用的工具，包括架构简化模式

适用时机: 当任务需要此目录条目中描述的能力时使用：构建代理能够有效使用的工具，包括架构简化模式

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Tool Design for Agents
  • When to Activate
  • Core Concepts
  • Detailed Topics
  • The Tool-Agent Interface
  • The Consolidation Principle
  • Architectural Reduction
  • Tool Description Engineering
  • Response Format Optimization
  • Error Message Design
  • Tool Definition Schema
  • Tool Collection Design
  • MCP Tool Naming Requirements
  • Using Agents to Optimize Tools
  • Testing Tool Design
  • Practical Guidance

NeoLabHQ/ddd

目录来源: Development and Testing
来源文档: https://github.com/NeoLabHQ/context-engineering-kit/blob/master/plugins/ddd/README.md

功能简介: 基于域的开发技能，还包括干净架构、SOLID原则和设计模式。

适用时机: 当任务需要本目录条目中描述的能力时使用：基于域的开发技能，还包括干净架构、SOLID 原则和设计模式。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Domain-Driven Development Plugin
  • Overview
  • Quick Start
  • Rules
  • Foundation
  • Core Literature
  • Key Concepts Applied

nextlevelbuilder/ui-ux-pro-max-skill

目录来源: Development and Testing
来源文档: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/README.md

功能简介: UI/UX设计模式和最佳实践

适用时机: 当任务需要本目录条目中描述的能力时使用：UI/UX设计模式和最佳实践

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • UI UX Pro Max
  • What’s New in v2.0
  • Intelligent Design System Generation
  • How Design System Generation Works
  • 192 Industry-Specific Reasoning Rules
  • Features
  • Resilient Text and Compact UI
  • Style Taxonomy
  • 💎 Basic vs. Premium Version Comparison
  • 🟢 Basic Version (This Repository)
  • 🟡 Premium Version
  • Installation
  • Using Claude Marketplace (Claude Code)
  • Using CLI (Recommended)
  • Global Install (Available for All Projects)
  • Other CLI Commands

此目录条目指向一个技能集合。扫描来源仓库发现 7 个不重复的技能文件路径。

部分成员: banner-design · brand · design-system · design · slides · ui-styling · ui-ux-pro-max

oil-oil/oil-ui

目录来源: Development and Testing
来源文档: https://github.com/oil-oil/oil-ui/blob/main/SKILL.md

功能简介: 通过UI探索和视觉审查解锁AI设计潜力

适用时机: 当任务需要此目录条目中描述的能力时使用：通过UI探索和视觉审查解锁AI设计潜力

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • oil-ui
  • 主流程
  • 开始前
  • 选择范围
  • 1. 形成并收敛方向
  • 2. 建立视觉与交互结构
  • 3. 制作并取得实际证据
  • 4. 独立评审与修正
  • 5. 验证与交付
  • 能力边界
  • 完整版提示

openai/chatgpt-apps

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/chatgpt-apps/SKILL.md

功能简介: 使用MCP服务器和小部件UI构建、搭建和故障排除ChatGPT Apps SDK应用程序

适用时机: 当 Codex 需要设计工具、注册 UI 资源、连接 MCP Apps 桥接或 ChatGPT 兼容 API、应用 Apps SDK 元数据或 CSP 或域名设置，或生成与文档一致的项目模板时使用。在生成代码之前，优先通过调用 openai-docs 技能或 OpenAI 开发人员文档 MCP 工具来采用文档优先的工作流程。

来源技能章节菜单:

  • ChatGPT Apps
  • Overview
  • Mandatory Docs-First Workflow
  • Prompt Guidance
  • Classify The App Before Choosing Code
  • Default Starting-Point Order
  • Build Workflow
  • 0. Classify The App Archetype
  • 1. Plan Tools Before Code
  • 2. Choose an App Architecture
  • 2a. Start From An Upstream Example When One Fits
  • 2b. Use the Starter Script When a Low-Dependency Fallback Helps
  • 3. Scaffold the MCP Server
  • 4. Scaffold the Widget UI
  • 5. Add Resource Metadata and Security
  • 5a. Enforce A Minimum Working Repo Contract

openai/figma-code-connect-components

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/figma-code-connect-components/SKILL.md

功能简介: 使用Code Connect将Figma设计组件连接到代码组件

适用时机: 当用户说“code connect”、“将此组件连接到代码”、“映射此组件”、“将组件链接到代码”、“创建 code connect 映射”，或想在 Figma 设计和代码实现之间建立映射时使用。对于通过 `use_figma` 进行画布写入，请使用 `figma-use`。

来源技能章节菜单:

  • Code Connect Components
  • Overview
  • Skill Boundaries
  • Prerequisites
  • Required Workflow
  • Step 1: Get Code Connect Suggestions
  • Step 2: Scan Codebase for Matching Components
  • Step 3: Present Matches to User
  • Step 4: Create Code Connect Mappings
  • Examples
  • Example 1: Connecting a Button Component
  • Example 2: Multiple Components with Partial Selection
  • Example 3: Component Needs Creation
  • Best Practices
  • Proactive Component Discovery
  • Accurate Structure Matching

openai/figma-create-design-system-rules

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/figma-create-design-system-rules/SKILL.md

功能简介: 使用Figma MCP服务器实现Figma设计的规则

适用时机: 当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计规则”、“自定义设计系统指南”，或想要为 Figma 至代码工作流程建立项目特定的约定时使用。需要连接 Figma MCP 服务器。

来源技能章节菜单:

  • Create Design System Rules
  • Overview
  • Supported Rule Files
  • What Are Design System Rules?
  • Prerequisites
  • When to Use This Skill
  • Required Workflow
  • Step 1: Run the Create Design System Rules Tool
  • Step 2: Analyze the Codebase
  • Step 3: Generate Project-Specific Rules
  • Step 4: Save Rules to the Appropriate Rule File
  • Step 5: Validate and Iterate
  • Rule Categories and Examples
  • Essential Rules (Always Include)
  • Recommended Rules (Highly Valuable)
  • Optional Rules (Project-Specific)

openai/figma-create-new-file

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/figma-create-new-file/SKILL.md

功能简介: 创建一个新的空白Figma文件或FigJam文件

适用时机: 当用户想创建新的 Figma 设计或 FigJam 文件，或在调用 use_figma 前需要新文件时使用。如果需要，通过 whoami 处理计划的解决。使用方法 — /figma-create-new-file [editorType] [fileName]（例如 /figma-create-new-file figjam My Whiteboard）

来源技能章节菜单:

  • create_new_file — Create a New Figma File
  • Skill Arguments
  • Workflow
  • Step 1: Resolve the planKey
  • Step 2: Call create_new_file
  • Step 3: Use the result
  • Important Notes

openai/figma-generate-library

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/figma-generate-library/SKILL.md

功能简介: 从代码库中在Figma中构建或更新专业级的设计系统

适用时机: 当用户想要创建变量/令牌、构建组件库、设置主题（浅色/深色模式）、文档基础架构，或在代码和 Figma 之间弥合差距时使用。此技能教导要构建什么以及以何种顺序构建——它补充了 `figma-use` 技能，后者教导如何调用插件 API。两者应一起加载。

来源技能章节菜单:

  • Design System Builder — Figma MCP Skill
  • 1. The One Rule That Matters Most
  • 2. Mandatory Workflow
  • 3. Critical Rules
  • 4. State Management (Required for Long Workflows)
  • 5. search_design_system — Reuse Decision Matrix
  • 6. User Checkpoints
  • 7. Naming Conventions
  • 8. Token Architecture
  • 9. Per-Phase Anti-Patterns
  • 10. Reference Docs
  • 11. Scripts

openai/figma-use

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/figma-use/SKILL.md

功能简介: 每次使用_figma工具调用——在Figma上下文中使用/读取操作的预先技能

适用时机: 在从代码中创建 Figma 组件之前加载插件 API 规则 在 Figma 文件中运行 JavaScript 以设置设计代词和变量集合 使用自动布局和组件实例程序化构建多部分布局 将设计系统变量绑定到填充和间距等节点属性 在编写任何画布修改之前检查现有 Figma 文件结构

来源技能章节菜单:

  • use_figma — Figma Plugin API Skill
  • 1. Critical Rules
  • 2. Page Rules (Critical)
  • Switching pages
  • Across script runs
  • 3. `return` Is Your Output Channel
  • 4. Editor Mode
  • 5. Incremental Workflow (How to Avoid Bugs)
  • The pattern
  • Suggested step order for complex tasks
  • What to validate at each step
  • 6. Error Recovery & Self-Correction
  • When `use_figma` returns an error
  • Common self-correction patterns
  • When the script succeeds but the result looks wrong
  • 7. Pre-Flight Checklist

openai/frontend-skill

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/README.md

功能简介: 使用简约的构图创建视觉上强烈的登陆页面、网站和应用程序用户界面

适用时机: 构建一个产品主页，让一张全屏图片锚定整个第一个视口；将仪表盘卡片拼贴图替换为以布局为先的信息表面；添加滚动关联和悬停动画，使页面体验改变而不会增加视觉噪音；为初创公司主页结构化，使品牌名称比功能列表更显突出；使用刻意间距和极简的Chrome元素原型设计游戏或应用用户界面。

来源技能章节菜单:

  • Agent Skills
  • Installing a skill
  • License

openai/imagegen

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/README.md

功能简介: 使用OpenAI的Image API为项目生成和编辑图像

适用时机: 为带有可用于文本的负空间的可用性落地页生成英雄图片 替换产品照片背景，同时保持产品不变 在一次操作中为游戏生成多个图标变体或精灵图 按照指定逼真度创建UI样板或骨架图 从现有产品照片中提取干净的透明背景剪贴

来源技能章节菜单:

  • Agent Skills
  • Installing a skill
  • License

openai/sora

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/README.md

功能简介: 通过OpenAI的Sora API生成、重混和管理短视频片段

适用时机: 从文本描述生成一个4秒的产品预告片 创建可重复使用的非人类角色参考，用于多个镜头 扩展完成的Sora视频，使用续接提示 剪辑现有生成的视频，仅更改颜色调色板或灯光 并行运行本地批次队列中的多个视频渲染任务

来源技能章节菜单:

  • Agent Skills
  • Installing a skill
  • License

openai/speech

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/speech/SKILL.md

功能简介: 使用OpenAI的API生成带有内置语音的文本转语音

适用时机: 当用户通过 OpenAI Audio API 请求文本转语音旁白或语音说明、无障碍阅读、音频提示或批量语音生成时使用；使用捆绑的 CLI (`scripts/text_to_speech.py`) 并使用内置语音，并在实时通话时需要 `OPENAI_API_KEY`。自定义语音创建不在范围之内。

来源技能章节菜单:

  • Speech Generation Skill
  • When to use
  • Decision tree (single vs batch)
  • Workflow
  • Temp and output conventions
  • Dependencies (install if missing)
  • Environment
  • Defaults & rules
  • Instruction augmentation
  • Examples
  • Single example (narration)
  • Batch example (IVR prompts)
  • Instructioning best practices (short list)
  • Guidance by use case
  • CLI + environment notes
  • Reference map

openai/transcribe

目录来源: Skills by OpenAI
来源文档: https://github.com/openai/skills/blob/main/skills/.curated/transcribe/SKILL.md

功能简介: 使用可选的说话者分词将音频文件转写为文本

适用时机: 当用户请求从音频/视频中转录语音、从录音中提取文本或在采访或会议中标记发言者时使用。

来源技能章节菜单:

  • Audio Transcribe
  • Workflow
  • Decision rules
  • Output conventions
  • Dependencies (install if missing)
  • Environment
  • Skill path (set once)
  • CLI quick start
  • Reference map

Orkas-AI/video-router

目录来源: Specialized Domains
来源文档: https://github.com/Orkas-AI/Orkas-VideoStudio/blob/main/packages/skills/video-router/SKILL.md

功能简介: 通过确定性代理的生产阶段来请求路由视频

适用时机: 当任务需要此目录条目中描述的能力时使用：通过确定性代理生产阶段路由视频请求

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • video-router
  • Unavailable Production Runtime
  • The three capability axes
  • Decision rules
  • End-to-end (AUTO) — when the job spans lines
  • Lock the runtime
  • Boundary / non-goals
  • Runtime handoff

perso-ai/perso-dubbing

目录来源: Specialized Domains
来源文档: https://github.com/perso-ai/perso-dubbing-plugin/blob/main/README.md

功能简介: 视频翻译：配音、唇形同步、字幕和短视频

适用时机: 当任务需要本目录条目中描述的能力时使用：视频翻译：配音、唇形同步、字幕和短视频片段

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Perso Dubbing Plugin
  • Install
  • Styled subtitles
  • Translate subtitles
  • Short clips
  • Dubbing and lip-sync
  • Subtitles from speech (STT)
  • Voice separation
  • Free where it can be. Paid where it must be.

此目录条目指向一个技能集合。扫描来源仓库发现 3 个不重复的技能文件路径。

部分成员: clip · dubbing · srt

rainmanjam/poka-yoke

目录来源: Development and Testing
来源文档: https://github.com/rainmanjam/poka-yoke/blob/main/plugins/poka-yoke/skills/poka-yoke/SKILL.md

功能简介: 使滥用行为无法被代表：审计、设计和实施防止错误的设计。

适用时机: 当有人说“用poka-yoke来做这个”、“使其免出错”、“让这个更难出错”时使用，或进行poka-yoke但没有指定模式时。直接将Shigeo Shingo的方法应用于任何主题，当明显适用时则交给专业模式。当没有其他明显适用的poka-yoke模式时，从这里开始。

来源技能章节菜单:

  • Poka-Yoke: Mistake-Proofing for Software
  • The two axes
  • Axis 1, Regulatory function: what happens when the mistake occurs?
  • Axis 2, Setting function: how does the device notice?
  • The third principle: inspect at the source
  • How to use this skill
  • Choosing a mode
  • The hazard catalog and language specifics
  • How to talk about this
  • Applying changes

realkimbarrett/conversion-path-builder

目录来源: Advertising Skills by Kim Barrett
来源文档: https://github.com/realkimbarrett/advertising-skills/blob/main/skills/operator-os/conversion-path-builder/SKILL.md

功能简介: 设计从点击到转化和预订电话的最佳漏斗

适用时机: 在“漏斗”、“转化路径”、“已预约的电话”上触发。

来源技能章节菜单:

  • Role
  • Process
  • Output
  • Rules
  • Avoid

remotion-dev/remotion

目录来源: Skills by Remotion
来源文档: https://github.com/remotion-dev/skills/blob/main/README.md

功能简介: 使用React进行程序化视频创建

适用时机: 从用户数据库生成个性化视频消息 使用 React 组件为视频添加同步字幕 从实时数据更新的动画图表视频 编写代码将绿幕录制与自定义背景合成 从剧本生成配有旁白解说器的说明视频

来源技能章节菜单:

  • Remotion Agent Skills
  • Available skills
  • `/remotion-best-practices`
  • `/remotion-create`
  • `/remotion-markup`
  • `/remotion-studio`
  • `/remotion-render`
  • `/remotion-maps`
  • `/remotion-captions`
  • `/remotion-saas`
  • `/remotion-interactivity`
  • `/remotion-docs`
  • `/remotion-upgrade`
  • `/remotion-multimedia`

renezander030/capcut-edit

目录来源: Specialized Domains
来源文档: https://github.com/renezander030/capcut-cli/blob/master/skills/capcut-edit/SKILL.md

功能简介: 从任何代理编辑CapCut和JianYing视频项目

适用时机: 当用户提到 capcut、jianying、字幕、视频编辑、draft_content.json、draft_info.json 或剪辑视频时使用——英文或中文（剪映, 字幕, 草稿, 剪辑, 切片, 视频编辑）。

来源技能章节菜单:

  • capcut-edit
  • Project locations
  • Core principle — deterministic scripts
  • Progressive disclosure
  • Output modes
  • Batch writes
  • Where to look
  • Invariants
  • v0.11 high-value paths

resend/email-best-practices

目录来源: Skills by Resend
来源文档: https://github.com/resend/resend-skills/blob/main/skills/email-best-practices/SKILL.md

功能简介: 电子邮件可交付性和设计最佳实践

适用时机: 用于构建电子邮件功能、电子邮件被归类为垃圾邮件、高退回率、设置SPF/DKIM/DMARC认证、实施电子邮件捕获、确保合规（CAN-SPAM、GDPR、CASL）、处理Webhook、重试逻辑、使电子邮件可访问（替代文本、标题、对比度、屏幕阅读器），或决定是交易性还是营销性。

来源技能章节菜单:

  • Email Best Practices
  • Architecture Overview
  • Quick Reference
  • Start Here

resend/react-email

目录来源: Skills by Resend
来源文档: https://github.com/resend/resend-skills/blob/main/skills/react-email/SKILL.md

功能简介: 使用React Email组件构建电子邮件

适用时机: 适用于使用 React 组件构建 HTML 电子邮件模板、使用 React Email 视觉编辑器为应用程序添加视觉电子邮件编辑器、将电子邮件渲染为 HTML，或使用 Resend 发送电子邮件。涵盖欢迎邮件、密码重置、通知、订单确认、新闻通讯、交易邮件以及可嵌入的电子邮件编辑器组件。

来源技能章节菜单:

  • React Email
  • Installation
  • Adding to an Existing Project
  • Basic Email Template
  • Behavioral Guidelines
  • Essential Components
  • Before Writing Code
  • Static Files and Images
  • Directory Structure
  • Dev vs Production URLs
  • Styling
  • Key Rules
  • Required Classes
  • Structure Notes
  • Rendering
  • Convert to HTML

Ryan-yang125/motion-lexicon

目录来源: Development and Testing
来源文档: https://github.com/Ryan-yang125/motion-lexicon/blob/main/README.md

功能简介: 使用可安装的React组件构建和审查产品运动

适用时机: 当任务需要此目录条目中描述的能力时使用：使用可安装的React组件构建和审查产品运动

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Motionboard
  • Install
  • Use
  • Recipes
  • Opening (7)
  • Product reveal (7)
  • Features (15)
  • Transitions (5)
  • Ending (4)
  • Website
  • License

Simon-He95/markstream-install

目录来源: Development and Testing
来源文档: https://github.com/Simon-He95/markstream-vue/blob/main/.agents/skills/markstream-install/SKILL.md

功能简介: 在五个前端框架中安装流式Markdown渲染器

适用时机: 当Codex需要选择正确的包时使用，安装最小的框架特定对等依赖集，修复CSS/重置顺序，选择Vue 3渲染器模式和内置、纯粹或自定义代码块路径，在`content`、`nodes`和Vue 3虚拟滚动协调之间做出决定，或添加一个最小的工作渲染器示例。

来源技能章节菜单:

  • Markstream Install
  • Workflow
  • Default Decisions
  • Useful Doc Targets

skymanbp/cc-tree

目录来源: Development and Testing
来源文档: https://github.com/skymanbp/cc-tree/blob/main/skills/tree/SKILL.md

功能简介: 可审计的径向树探索，用于头脑风暴、批评、设计和代码审计

适用时机: 当用户需要的是引擎本身——通过 `--preset <path>` 提供的自定义预设、对运行的明确控制，或一般意义上的“思维树”/穷尽的树状探索时使用；对于四种已发布的用例，优先使用 `/cc-tree:brainstorm`、`/cc-tree:attack`、`/cc-tree:design`、`/cc-tree:code-audit`，其描述中包含针对各用例的触发条件。

来源技能章节菜单:

  • tree — universal radial-tree exploration engine
  • 1. Invocation
  • Common flags (apply across presets)
  • 2. Execution flow
  • Step 1 — Preset load
  • Step 2 — §2 baseline
  • Step 3 — §3 framing pass (12 passes per node)
  • Step 4 — §4 per-branch 12-field derivation
  • Step 5 — §5 scoring and verdict
  • Step 6 — §6 convergence check
  • Step 7 — §7 final report
  • 3. Anti-patterns (see `docs/ENGINE.md §9` for the full list)
  • 4. Output contract
  • 5. References

SupercmoHQ/superCMO-skills

目录来源: Marketing
来源文档: https://github.com/SupercmoHQ/superCMO-skills/blob/main/README.md

功能简介: 开源技能 + 用于营销视频与图像制作的本地 MCP 服务器：基于产品照片和简要描述生成 UGC 视频、广告视频、产品摄影和图像广告；招募 AI 演员，挑选最佳图像/视频模型，以一致的演员和产品剪辑任意长度的片段，并研究竞争对手广告。支持自备密钥或托管密钥，Apache-2.0

适用时机: 适用于任务需要本目录条目描述的能力时使用：开源技能 + 用于营销视频与图像制作的本地 MCP 服务器：UGC 视频、广告视频、产品摄影以及基于产品照片和简要描述的图像广告；为 AI 演员进行配音，挑选最佳图像/视频模型，对任何长度的片段进行剪辑，确保演员和产品保持一致，并研究竞争对手广告。支持自备密钥或托管密钥，Apache-2.0

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • SuperCMO Skills
  • Enable AI agents to create marketing videos and images
  • Contents
  • See how it works
  • Quick start
  • Hosted SuperCMO
  • Start from a product photo
  • Why SuperCMO Skills?
  • How the skills work together
  • The Marketing Production Pipeline
  • Install
  • Set up a key
  • Option A · Managed — one command
  • Option B · Bring your own keys — free
  • Security & trust
  • Telemetry

此目录条目指向一个技能集合。扫描来源仓库发现 23 个不重复的技能文件路径。

部分成员: adapting-formats · analyzing-brand · analyzing-own-ads · analyzing-products · cloning-video-ads · generating-ad-videos · generating-ai-actors · generating-audio
更多成员请查看来源仓库。

superdesigndev/superdesign-skill

目录来源: Development and Testing
来源文档: https://github.com/superdesigndev/superdesign-skill/blob/main/skills/superdesign/SKILL.md

功能简介: 从现有的代码库创建设计系统并迭代UI草案

适用时机: 当任务需要此目录条目中描述的能力时使用：从现有代码库创建设计系统并迭代UI草案

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Core scenarios (what this skill handles)
  • Step 0 — Environment preflight (BEFORE any CLI step)
  • Step 1 — Is there a codebase to analyze?
  • Step 1.5 — Resume before rediscovery (real-codebase UI path)
  • Init: Repo Analysis (real-codebase path)
  • Init Files (cold/stale context path)
  • Superdesign CLI (MUST use before any command)
  • When a command fails
  • Command examples
  • Surface the canvas URL
  • Browser Choice
  • Images and local assets
  • After generating: offer to go further
  • How it works

veniceai/venice-audio-music

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-audio-music/SKILL.md

功能简介: 音乐生成队列排队、检索和完成端点

适用时机: 当任务需要本目录条目中描述的能力时使用：音乐生成队列排队、检索和完成端点

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice Music / Async Audio
  • Use when
  • Models
  • Lifecycle
  • 1. `POST /audio/quote` — price it first
  • 2. `POST /audio/queue` — enqueue
  • 3. `POST /audio/retrieve` — poll / download
  • 4. `POST /audio/complete` — cleanup
  • Full loop (TypeScript)
  • Capability probing
  • Errors
  • Gotchas

veniceai/venice-audio-speech

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-audio-speech/SKILL.md

功能简介: 文本转语音模型、语音、格式和流媒体

适用时机: 当任务需要本目录条目中描述的能力时使用：文本转语音模型、语音、格式和流媒体

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice TTS (`/audio/speech`)
  • Use when
  • Minimal request
  • Request schema
  • Models
  • Voices (from `model_spec.voices`)
  • Voice cloning — `POST /audio/voices`
  • Streaming
  • OpenAI SDK
  • Style / emotion (Qwen 3, Gemini Flash)
  • Errors
  • Gotchas

veniceai/venice-audio-transcription

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-audio-transcription/SKILL.md

功能简介: 音频转写模型和语音转文字选项

适用时机: 当任务需要本目录条目中描述的能力时使用：音频转写模型和语音转文字选项

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice Transcription (`/audio/transcriptions`)
  • Use when
  • Minimal request
  • Request (`multipart/form-data`)
  • Response
  • Models
  • OpenAI SDK
  • Long files
  • Errors
  • Gotchas

veniceai/venice-image-edit

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-image-edit/SKILL.md

功能简介: 图像编辑、放大和背景移除

适用时机: 当任务需要本目录条目中描述的能力时使用：图像编辑、放大和移除背景

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice Image Editing
  • Shared rules
  • Choosing an edit model
  • `/image/edit`
  • `/image/multi-edit`
  • JSON (base64, data URIs, or URLs)
  • Multipart (file upload)
  • Edit / multi-edit response headers
  • `/image/upscale`
  • `/image/background-remove`
  • Error behavior (all four endpoints)
  • Gotchas

veniceai/venice-image-generate

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-image-generate/SKILL.md

功能简介: 图像生成端点和可用风格

适用时机: 当任务需要此目录条目中描述的能力时使用：图像生成端点和可用风格

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice Image Generation
  • Use when
  • `/image/generate` — Venice-native
  • Request
  • Fields
  • Response (JSON, `return_binary: false`)
  • Response headers
  • `/images/generations` — OpenAI-compatible
  • Mapped fields
  • `/image/styles` — list presets
  • Choosing a model
  • Common patterns
  • Fixed-seed reproducibility
  • Aspect-ratio + resolution model (Nano Banana, Seedream V5 Pro)
  • Quality tier (GPT Image 2 / 2.5, Ideogram V4.5)
  • Style preset + negative

veniceai/venice-video

目录来源: Skills by Venice.ai
来源文档: https://github.com/veniceai/skills/blob/main/skills/venice-video/SKILL.md

功能简介: 视频生成和转录工作流程

适用时机: 当任务需要本目录条目中描述的能力时使用：视频生成和转录工作流程

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Venice Video
  • Use when
  • Pick a model first
  • Lifecycle — generation
  • 1. Price with `/video/quote`
  • 2. Submit with `/video/queue`
  • 3. Poll with `/video/retrieve`
  • 4. Clean up with `/video/complete`
  • `/video/queue` request fields
  • Reference media limits
  • Common recipes
  • Text → video with audio
  • Image → video
  • Video upscale
  • Multi-element consistency (Kling O3 R2V)
  • Seedance 2.5 edit (match the source clip)

vercel-labs/composition-patterns

目录来源: Skills by Vercel Engineering Team
来源文档: https://github.com/vercel-labs/agent-skills/blob/main/skills/composition-patterns/SKILL.md

功能简介: 可重用的组件API的可扩展React组件模式

适用时机: 适用于对带有布尔属性的组件进行重构、构建灵活的组件库或设计可重用的 API 时使用。适用于涉及复合组件、渲染属性、上下文提供者或组件架构的任务。包含 React 19 的 API 变更。

来源技能章节菜单:

  • React Composition Patterns
  • When to Apply
  • Rule Categories by Priority
  • Quick Reference
  • 1. Component Architecture (HIGH)
  • 2. State Management (MEDIUM)
  • 3. Implementation Patterns (MEDIUM)
  • 4. React 19 APIs (MEDIUM)
  • How to Use
  • Full Compiled Document

vercel-labs/react-best-practices

目录来源: Skills by Vercel Engineering Team
来源文档: https://github.com/vercel-labs/agent-skills/blob/main/skills/react-best-practices/SKILL.md

功能简介: React和Next.js性能优化指南

适用时机: 在涉及React组件、Next.js页面、数据获取、捆绑优化或性能改进的任务上触发。

来源技能章节菜单:

  • Vercel React Best Practices
  • When to Apply
  • Rule Categories by Priority
  • Quick Reference
  • 1. Eliminating Waterfalls (CRITICAL)
  • 2. Bundle Size Optimization (CRITICAL)
  • 3. Server-Side Performance (HIGH)
  • 4. Client-Side Data Fetching (MEDIUM-HIGH)
  • 5. Re-render Optimization (MEDIUM)
  • 6. Rendering Performance (MEDIUM)
  • 7. JavaScript Performance (LOW-MEDIUM)
  • 8. Advanced Patterns (LOW)
  • How to Use
  • Full Compiled Document

vercel-labs/react-native-skills

目录来源: Skills by Vercel Engineering Team
来源文档: https://github.com/vercel-labs/agent-skills/blob/main/skills/react-native-skills/SKILL.md

功能简介: 适用于高性能应用的React Native和Expo最佳实践

适用时机: 用于构建 React Native 组件、优化列表性能、实现动画或与原生模块工作时使用。适用于涉及 React Native、Expo、移动性能或原生平台 API 的任务。

来源技能章节菜单:

  • React Native Skills
  • When to Apply
  • Rule Categories by Priority
  • Quick Reference
  • 1. List Performance (CRITICAL)
  • 2. Animation (HIGH)
  • 3. Navigation (HIGH)
  • 4. UI Patterns (HIGH)
  • 5. State Management (MEDIUM)
  • 6. Rendering (MEDIUM)
  • 7. Monorepo (MEDIUM)
  • 8. Configuration (LOW)
  • How to Use
  • Full Compiled Document

vercel-labs/react-view-transitions

目录来源: Skills by Vercel Engineering Team
来源文档: https://github.com/vercel-labs/agent-skills/blob/main/skills/react-view-transitions/SKILL.md

功能简介: 使用React视图过渡实现的具有原生感度的动画

适用时机: 当用户想要添加页面过渡、动画化路由变化、创建共享元素动画、动画化组件的进入/退出、动画化列表重新排序、实现方向性（向前/向后）导航动画，或在 Next.js 中集成视图过渡时，请使用此技能。此外，当用户提及视图过渡、`startViewTransition`、`ViewTransition`、过渡类型，或询问如何在 React 中在不使用第三方动画库的情况下动画化 UI 状态之间切换时，也请使用此技能。

来源技能章节菜单:

  • React View Transitions
  • When to Animate
  • Choosing Animation Style
  • Availability
  • Implementation Workflow
  • Core Concepts
  • The `` Component
  • Animation Triggers
  • Critical Placement Rule
  • Styling with View Transition Classes
  • Props
  • CSS Pseudo-Elements
  • Transition Types
  • `router.back()` and Browser Back Button
  • Types and Suspense
  • Shared Element Readiness

vercel-labs/web-design-guidelines

目录来源: Skills by Vercel Engineering Team
来源文档: https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md

功能简介: 审查UI代码与Web界面指南进行比较

适用时机: 在被要求“审查我的UI”、“检查可访问性”、“审核设计”、“审查UX”或“检查我的网站是否符合最佳实践”时使用。

来源技能章节菜单:

  • Web Interface Guidelines
  • How It Works
  • Guidelines Source
  • Usage

video-db/skills

目录来源: Specialized Domains
来源文档: https://github.com/video-db/skills/blob/main/README.md

功能简介: 实时和批次视频工作流程：捕捉屏幕/音频，接收URL/YouTube/RTSP，转写，索引，搜索，生成字幕，编辑时间线，并流式传输HLS输出

适用时机: 当任务需要此目录条目中描述的能力时使用：实时和批处理视频工作流程：捕捉屏幕/音频，接收URL/YouTube/RTSP，转写，索引，搜索，生成字幕，编辑时间线，并流式传输HLS输出

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Three ways to use it
  • Add to Claude
  • Connect the MCP server in any client
  • Install the skills in a coding agent
  • What works where
  • What is inside
  • If you are an agent reading this
  • Community & Support

此目录条目指向一个技能集合。扫描来源仓库发现 6 个不重复的技能文件路径。

部分成员: python · video-clips · video-edit · video-live · video-search · video-subtitles

WordPress/wp-block-themes

目录来源: Skills by WordPress Development Team
来源文档: https://github.com/WordPress/agent-skills/blob/trunk/skills/wp-block-themes/SKILL.md

功能简介: 屏蔽主题：theme.json、模板、模式、风格变体

适用时机: 在开发WordPress块主题时使用：theme.json（全局设置/样式）、模板和模板部分、模式、样式变体和网站编辑器故障排除（样式层次结构、重置、缓存）。

来源技能章节菜单:

  • WP Block Themes
  • When to use
  • Inputs required
  • Procedure
  • 0) Triage and locate block theme roots
  • 1) Create a new block theme (if needed)
  • 2) Confirm theme type and override expectations
  • 3) Make `theme.json` changes safely
  • 4) Templates and template parts
  • 5) Patterns
  • 6) Style variations
  • Verification
  • Failure modes / debugging
  • Escalation

WordPress/wp-interactivity-api

目录来源: Skills by WordPress Development Team
来源文档: https://github.com/WordPress/agent-skills/blob/trunk/skills/wp-interactivity-api/SKILL.md

功能简介: 前端与数据-wp-* 指令和存储器的交互

适用时机: 在构建或调试WordPress交互API功能（数据-wp-*指令，@wordpress/interactivity store/state/actions，block viewScriptModule集成，wp_interactivity_*()）时使用，包括性能、水化和指令行为。

来源技能章节菜单:

  • WP Interactivity API
  • When to use
  • Inputs required
  • Procedure
  • 1) Detect existing usage + integration style
  • 2) Identify the store(s)
  • 3) Server-side rendering (best practice)
  • 4) Implement or change directives safely
  • 5) Build/tooling alignment
  • 6) Debug common failure modes
  • Verification
  • Failure modes / debugging
  • Escalation

WordPress/wpds

目录来源: Skills by WordPress Development Team
来源文档: https://github.com/WordPress/agent-skills/blob/trunk/skills/wpds/SKILL.md

功能简介: WordPress设计系统

适用时机: 在利用WordPress设计系统（WPDS）及其组件、令牌、模式等构建UI时使用。

来源技能章节菜单:

  • WordPress Design System (WPDS)
  • Prerequisites
  • When to use
  • Rules
  • Use the WPDS MCP server to access WPDS-related documentation
  • Required documentation
  • Boundaries
  • Tech stack
  • Validation
  • Output

yang0/handraw-style

目录来源: Specialized Domains
来源文档: https://github.com/yang0/handraw-style/blob/master/SKILL.md

功能简介: 手绘插图风格、布局和图像生成提示词

适用时机: 当任务需要此目录条目中描述的能力时使用：手绘插图风格、布局和图像生成提示词

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Hand-drawn Style Prompter
  • Post-generation sharing across all routes
  • Request routing index
  • Default mode
  • Automatic Style and Theme Color Recommendation Policy (默认智能推荐风格与主题色)
  • Style activation policy
  • Session initialization
  • Inputs
  • Layout workflows
  • Prompt modes
  • Output
  • Utilities
  • Personal resources and community collections

ZeroPointRepo/youtube-skills

目录来源: Specialized Domains
来源文档: https://github.com/ZeroPointRepo/youtube-skills/blob/main/README.md

功能简介: YouTube的代理技能：通过TranscriptAPI提取视频字幕并发现视频（搜索、频道和播放列表列表）。

适用时机: 当任务需要此目录条目中描述的能力时使用：YouTube代理技能：通过TranscriptAPI提取视频字幕并通过字幕（搜索、频道和播放列表列表）发现视频。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • YouTube Skills for AI Agents 🎬
  • Install
  • What You Can Do
  • Setup — API Key
  • Skills
  • Pricing
  • Supported Agents
  • FAQ
  • How do I get a YouTube transcript?
  • How do I search YouTube from my agent?
  • How do I get all videos from a YouTube channel?
  • Can I bulk download YouTube transcripts?
  • Do I need a Google YouTube Data API key?
  • Do I need an API key?
  • Which skill should I install?
  • What is TranscriptAPI?

此目录条目指向一个技能集合。扫描来源仓库发现 12 个不重复的技能文件路径。

部分成员: captions · subtitles · transcript · transcriptapi · video-transcript · youtube-api · youtube-channels · youtube-data
更多成员请查看来源仓库。

ZhangHanDong/makepad-skills

目录来源: Development and Testing
来源文档: https://github.com/ZhangHanDong/makepad-skills/blob/main/README.md

功能简介: Rust应用程序的Makepad UI开发技能：设置、模式、着色器、打包和故障排除。

适用时机: 当任务需要此目录条目中描述的能力时使用：Rust应用程序的Makepad UI开发技能：设置、模式、着色器、打包和故障排除。

来源目录没有单独说明触发条件；此处的适用时机是根据公开功能简介归纳的。

来源技能章节菜单:

  • Makepad 2.0 Skills
  • Skills (14)
  • Installation
  • Option 1: Add as Working Directory
  • Option 2: Symlink to Skills Directory
  • Option 3: Copy Skills
  • Legacy
  • Source
  • License

此目录条目指向一个技能集合。扫描来源仓库发现 14 个不重复的技能文件路径。

部分成员: makepad-2.0-animation · makepad-2.0-app-structure · makepad-2.0-design-judgment · makepad-2.0-dsl · makepad-2.0-events · makepad-2.0-layout · makepad-2.0-migration · makepad-2.0-performance
更多成员请查看来源仓库。

返回 Agent Skills 分类导航

English version of this category

Github Follow

归档

标签

Agent Skills13
BERT1
Documentation3
French1
Hexo3
Hexo plugins1
HuggingFace1
Language1
MachineLearning1
NLP1
Obsidian1
PyTorch1
Pyenv1
Python3
VoltAgent13
computational simulation1
condensed-matter physics1
data-science1
deep-learning1
encryptAsDiary1
machine-learning2
python3
python_configuration1
python_editors1
python_tools1

follow.it

最新文章

最新评论

×