Skills

C

containerize-aspnet-framework

github / awesome-copilot

通过创建针对项目定制的 Dockerfile 和 .dockerfile 文件，将 ASP.NET .NET Framework 项目容器化。

M

mcp-server-offering

samber / developer-platform-skills

将 SaaS 产品的 MCP 服务设计为由 AI Agent 操作的产品接口，涵盖构建投入评估、策划包含 5–15 个工作流工具的 Agent 接口（而非照搬 API 端点）、MCP Apps 交互式 UI、命名写入工具安全模式（限定范围的凭据、只读锁定、人在环审批、按风险分级的服务端闸门、试运行预检、幂等性和支出上限）、使用 OAuth 2.1 的远程托管、工具接口版本控制、MCP 注册表可发现性，以及 Agent 采用情况的衡量。用户提到 MCP、Model Context Protocol、面向 Agent 的工具接口、向 AI Agent 或编码助手开放产品，或 MCP 写入工具安全性时使用，即使用户没有说“MCP 服务”。仅负责设计层；代码生成类 MCP 构建技能会根据此设计搭建框架。

F

flutter-caching-data

flutter / agent-plugins

暂无简介

S

sdk-portfolio-strategy

samber / developer-platform-skills

决定公共 API 的语言 SDK 组合：哪些语言获得官方 SDK 及其顺序、生成式还是手写式构建模式、设有晋升门槛的官方和社区支持级别、SDK 弃用和生命周期终止，以及将 SDK SemVer 与 API 版本控制及发布节奏解耦。用户提到客户端库、SDK、优先支持哪些语言、SDK 生成器（Stainless、Fern、OpenAPI Generator）、社区 SDK 或停用 SDK 时使用，即使用户没有说“SDK 组合”。仅负责组合策略，不涉及单个 SDK 的易用性或注册表发布。不要用于判断是否应将 SDK 作为一种接口提供；此时改用 samber/developer-platform-skills@api-integration-surface-strategy。

B

base44-remote-dev

base44 / skills

通过将自己的编码 Agent（Claude Code、claude.ai 或任何 MCP 客户端）连接到 Base44 sandbox，远程开发 Base44 应用。云端 Agent 通过 MCP 连接；本地 Agent 可通过 MCP 连接，也可使用 `base44 sandbox` CLI 子命令操作同一 sandbox（CLI 使用较短的名称，例如 read_file 对应 `sandbox read`、list_directory 对应 `sandbox ls`、run_command 对应 `sandbox run`）。涵盖连接／身份验证、可用的 sandbox 工具（run_command、read_file、write_file、edit_file、grep、list_directory、create_checkpoint、list_user_apps，以及连接器工具 list_connectors／initiate_connector_connection）、编辑→预览→验证循环、更改的持久化方式、builder 与外部 Agent 并发、编辑器内的 "Send to Coding Agent" 按钮及入门 README URL，以及阅读 Vite 开发服务器日志等技巧。适用于“远程开发我的 Base44 应用”“将 Claude Code 连接到 Base44”“使用我自己的 Agent”“通过 MCP 编辑 Base44 应用”“Base44 sandbox MCP”或“Send to Coding Agent”等情况。

防止 EVM 链之间不易察觉的小数位不匹配错误。涵盖运行时小数位查询、链感知缓存、跨链代币精度偏差，以及适用于机器人、仪表板和 DeFi 工具的安全标准化。适用于处理 EVM 链上的代币数量，或余额、价格、转账金额出现数量级偏差的情况。

A

api-rate-limit-policy

samber / developer-platform-skills

设计公共 API 向使用者公布的速率限制策略，包括各类 API 的计量模型（REST 请求计数与 GraphQL 成本点数）、等级及配额与突发流量数值、多租户公平性、速率限制标头（旧版 X-RateLimit-* 与 IETF RateLimit 字段）、429 和 Retry-After 行为、企业及合作伙伴例外，以及变更通知规则。用户提及速率限制、配额、限流等级、429 响应、吵闹邻居或提高限额请求时均使用，即使未提到“速率限制策略”。仅限策略层，不包括网关配置。不要用于 429 错误信封；请改用 samber/developer-platform-skills@api-error-design。

S

stitch::react-native

google-labs-code / stitch-skills

将 Stitch HTML 设计转换为 React Native 组件，或使用 StyleSheet 同步/更新现有原生组件，使其与最新 Stitch 设计保持一致。

E

etl-connector-strategy

samber / developer-platform-skills

规划 SaaS 供应商在第三方 ETL/ELT 平台上作为源连接器的布局：构建前验证需求，根据客户数据栈运行的平台进行选择；提供构建路径选项（平台管理的目录条目、供应商维护的 SDK 连接器、自定义开源 tap），并按维护成本由谁承担排序；审计产品 API 的数据提取准备情况；如实界定 CDC 范围（API 源提供的是伪 CDC，而非基于日志的 CDC）；确定认证目标，并制定有资金保障的维护计划。只要用户提到 ETL 或 ELT 目录条目、源连接器、数据管道集成或添加 CDC，即使没说“连接器策略”也要使用。不要用于供应商自有的入站市场；此时改用 samber/developer-platform-skills@connector-marketplace-strategy。

M

meticulous-iterative-dev

alwaysmeticulous / skills

使用 Meticulous 进行迭代式前端开发循环，逐步验证视觉效果。在实现多步骤前端更改并希望在最终云端测试运行前，逐步发现视觉回归和意外副作用时使用。

F

flutter-reducing-app-size

flutter / agent-plugins

暂无简介

I

integration-error-observability

samber / developer-platform-skills

设计平台如何向基于其构建的外部开发者和合作伙伴展示集成故障：按集成提供可重放的请求／事件／投递日志；关联 ID 从响应标头延续到支持工单；按 API 密钥或应用汇总错误率，并区分 4xx/5xx/429；主动通知合作伙伴并设置冷却时间以避免告警疲劳；以及供服务提供方查看哪些集成出现故障的全局视图。只要用户提到面向开发者的错误仪表板、向集成方开放请求日志、通知合作伙伴集成故障，或减少集成支持工单，即使没说“可观测性”也要使用。不要用于平台范围的事件沟通；此时改用 samber/developer-platform-skills@api-status-communication。

A

amazon-bedrock

aws / agent-toolkit-for-aws

在 Amazon Bedrock 上构建生成式 AI 应用。涵盖模型调用（Converse API、InvokeModel）、使用 Knowledge Bases 实现 RAG、Bedrock Agents、Guardrails 和 AgentCore（包括 Harness 管理的 Agent 循环）。适用于调用模型、设置 Knowledge Bases、部署到 AgentCore、将 Bedrock Agent（包括 inline agents）迁移/移植/转换为 AgentCore Harness、排查 Bedrock 错误（ThrottlingException、AccessDeniedException），或选择 Bedrock 模型（Claude、Llama、Nova、Titan）。也适用于将 KB 迁移到 Managed、提示词缓存、配额和限流诊断、成本跟踪、Claude 模型代际迁移、分块策略以及 Bedrock 模型选择。涵盖 AgentCore Payments（x402、微支付、Payment Manager、Connector、Instrument、Coinbase CDP、Stripe Privy、付费端点、Agent 支付）。不适用于自定义模型训练、Rekognition 或 Comprehend。若要发现或定制 SageMaker 模型，或使用其端点，请使用 aws-ai-ml。

A

asc-cli-usage

rorkai / app-store-connect-cli-skills

在本仓库中使用 asc cli 的指南（标志、输出格式、分页、认证和发现）。当被要求运行或设计 asc 命令，或通过该 CLI 与 App Store Connect 交互时使用。

N

nuxt

onmax / nuxt-skills

Nuxt 全栈 Vue 框架，支持 SSR、自动导入和基于文件的路由。处理 Nuxt 应用、服务器路由、useFetch、中间件或混合渲染时使用。

B

base44-sandbox

base44 / skills

使用你自己的 Agent 在 Base44 的云沙箱中远程开发 Base44 应用——无需本地检出代码，也无需 deploy/push 命令。实现过程是远程的：向沙箱写入资源文件即完成交付（后端函数、实时 actor、实体和 Agent 都会从你写入的文件自动同步），OAuth 连接器则通过 MCP 工具或无需项目的 `base44 connectors` CLI 针对远程应用进行配置。本 Skill 用于了解在沙箱中可以编写什么、后端函数/actor/实体/Agent 的结构，以及如何在没有本地文件系统的情况下连接连接器。触发词包括 'develop my Base44 app remotely'、'no local files'、'cloud sandbox'、'create an entity/agent remotely'、'add realtime/multiplayer/presence remotely'、'connect a connector remotely'、'bring my own agent'，或任何在沙箱内编辑 Base44 应用的工作。

R

ruby-mcp-server-generator

github / awesome-copilot

使用官方 MCP Ruby SDK gem 生成完整的 Ruby Model Context Protocol 服务项目。

F

flutter-building-forms

flutter / agent-plugins

暂无简介

N

next

vercel-labs / json-render

json-render 的 Next.js 渲染器，把 JSON 规格转换为完整的 Next.js 应用，包含路由、布局、SSR 和元数据。在处理 @json-render/next、从 JSON 规格构建 Next.js 应用或创建 AI 生成的多页应用时使用。

F

flutter-handling-http-and-json

flutter / agent-plugins

暂无简介

D

drawio

bahayonghang / drawio-skills

通过离线、YAML 优先的工作流创建、编辑、复刻、导入和导出 draw.io 图：架构图、网络拓扑、流程图、UML/ER、组织结构图、Mermaid/CSV 转换、已有 .drawio 包、样式预设、主题，以及不发布的公式图。用于发表的插图（论文、学位论文、IEEE、camera-ready）请改用 drawio-academic-skills。

S

spring-boot-engineer

jeffallan / claude-skills

生成 Spring Boot 3.x 配置、创建 REST 控制器、实现 Spring Security 6 认证流程、配置 Spring Data JPA 仓储，并配置响应式 WebFlux 端点。适用于构建 Spring Boot 3.x 应用、微服务或响应式 Java 应用；在涉及 Spring Data JPA、Spring Security 6、WebFlux、Spring Cloud 集成、Java REST API 设计或微服务 Java 架构时调用。

M

migrate-to-vinext

cloudflare / vinext

将 Next.js 项目迁移到 vinext（基于 Vite 的 Next.js 重新实现）。用户要求从 Next.js 迁移、转换或切换到 vinext 时加载。处理兼容性扫描、软件包替换、Vite 配置生成、ESM 转换和部署设置（原生支持 Cloudflare Workers，其他平台通过 Nitro）。

F

flutter-handling-concurrency

flutter / agent-plugins

暂无简介

F

firecrawl-developer-index

firecrawl / skills

使用 `firecrawl developer` 搜索库、框架、SDK、API 和 CLI 工具的最新文档、发行说明、API 参考和公开仓库问题。用户提及版本、正在升级、粘贴库或工具的错误，或询问如何使用、配置或迁移特定库或 API 时，回答前使用。模型知识受训练截止时间限制，可能遗漏新版本、重命名的 API、默认值变更和近期修复；因此，遇到不熟悉或可能已更改的版本、选项、错误或 API 时，应先查证而不是猜测。也可检查某个错误是否已修复以及在哪个版本修复。不适用于通用编程概念、不依赖特定库的代码，或重构用户提供的代码。

P

public-api-design-review

samber / developer-platform-skills

通过清单审查现有或拟议的公共 REST API：资源和 URI 命名、HTTP 方法与状态码的正确性、字段命名一致性、分页模式选择、筛选／排序／字段选择规范、统一错误封装，以及 Hyrum 定律带来的向后兼容风险。每项发现均按引用规则归入“必须修改”或“改进”，并涵盖持续审查计划（受众、生命周期触发条件、审查者权限、lint、联邦）。用户提到 API 设计审查、REST API 一致性、端点命名、分页风格或 API 设计治理时均使用——即使用户未说“设计审查”。不要用于 GraphQL schema——改用 samber/developer-platform-skills@public-graphql-api-design。

A

api-error-design

samber / developer-platform-skills

设计公共 API 的错误呈现方式，让集成方能够自行修复问题，包括机器可读的错误代码分类体系（扁平目录、代码/子代码、Google 风格的域/原因）、带扩展成员的 RFC 9457 问题详情封装、可操作的错误消息、可重试性标记（retryable 标志、Retry-After），以及包含 request-ID 跟踪的逐端点错误文档。只要用户提到 API 错误代码、错误分类体系、RFC 9457、application/problem+json、4xx/5xx 响应正文或令人困惑的 API 错误消息，即使没有说“错误设计”也使用。请勿用于客户端重试机制——改用 samber/developer-platform-skills@api-idempotency-retry；也请勿用于事件和状态页沟通——改用 samber/developer-platform-skills@api-status-communication。

P

public-grpc-api-design

samber / developer-platform-skills

为外部开发者设计公共 gRPC 接口层，涵盖是否采用 gRPC 的判断（多数平台将 gRPC 保留在内部，并对外发布 REST 或转码后的 JSON）、AIP proto 包和版本约定、buf 破坏性变更门禁及其对 google.api.http 的盲点、默认采用一元调用的流式传输决策、google.rpc.Status 错误模型及其 HTTP 映射陷阱、转码与网关架构（Connect-RPC、grpc-gateway、Envoy），以及外部身份验证和 TLS。只要用户提到 gRPC、protobuf 或 .proto 文件、buf、Connect-RPC、grpc-gateway，或公共边缘的 gRPC-JSON 转码，即使没有明确说“gRPC API 设计”，也应使用。仅限设计层，不涉及特定语言的服务端实现。

P

public-graphql-api-design

samber / developer-platform-skills

为第三方开发者设计公共 GraphQL API，涵盖是否采用 GraphQL 的判断、Schema 约定（命名、可空性、Node 接口、输入／负载类型）、Relay 游标连接分页、联合体／接口错误结果类型、深度和复杂度上限的设计决策、联邦信任边界（只有路由器对外公开），以及仅允许第一方流量的持久化查询策略。只要用户提及 GraphQL、公共 Schema、Relay 连接、查询深度限制、持久化查询、联邦或 GraphQL 与 REST 的比较，即使没有明确说“GraphQL API 设计”，也应使用。仅限设计层。不要用于 REST 接口审查——改用 samber/developer-platform-skills@public-api-design-review。

A

api-versioning-policy

samber / developer-platform-skills

定义 API 的版本管理和弃用政策：选择版本方案（URI 路径、标头、按日期且固定到账户，或有意不做版本管理）、书面定义破坏性变更、按受众设置弃用通知期限、规划 sunset 沟通（RFC 9745 Deprecation 和 RFC 8594 Sunset 标头）、规定 sunset 日期时的执行方式（前向兼容还是硬性截止），以及破坏性变更治理；将 REST 的版本与 sunset 和 GraphQL 的持续 schema 演进作为不同政策处理。用户提到 API 版本管理、/v2、破坏性变更、弃用、sunset 日期或迁移窗口时均使用——即使用户未说“版本政策”。客户端 SDK 版本管理属于常规 SemVer，应使用 samber/developer-platform-skills@sdk-portfolio-strategy。

W

winapp-cli

github / awesome-copilot

Windows 应用开发命令行工具（winapp），用于构建、打包、签名、调试 Windows 应用以及对 UI 进行自动化。适用于以下场景：初始化 Windows 应用项目、创建 MSIX 包、管理 AppxManifest.xml 或开发证书、以打包方式运行应用进行调试、通过 Microsoft UI Automation 自动化 Windows UI、发布到 Microsoft Store，或使用 Windows SDK 构建工具。涵盖 init、pack、run、unregister、manifest、cert、sign、store、ui、tool 等命令。支持 .NET（csproj）、C++、Electron、Rust、Tauri、Flutter 及其他 Windows 框架。

F

flutter-localizing-apps

flutter / agent-plugins

暂无简介

T

tmux

openclaw / openclaw

通过 tmux 控制会话/窗格以操作交互式命令行：列出、捕获输出、发送按键、粘贴文本、监控提示符。

F

flutter-working-with-databases

flutter / agent-plugins

暂无简介

G

getting-started

crewaiinc / skills

CrewAI 架构决策和项目脚手架搭建。适用于启动新的 crewAI 项目、选择 LLM.call() 与 Agent.kickoff()、Crew.kickoff() 或 Flow、使用 'crewai create flow' 搭建脚手架、设置 YAML 配置（agents.yaml、tasks.yaml）、连接 @CrewBase crew.py、使用 @start/@listen 编写 Flow main.py、构建使用 handle_turn()/chat() 的实验性对话式 Flow，或使用 {variable} 插值。

T

typescript-best-practices

cursor / plugins

TypeScript 最佳实践。阅读或编辑任何 .ts 或 .tsx 文件时使用。

F

flutter-improving-accessibility

flutter / agent-plugins

暂无简介

C

csharp-mcp-server-generator

github / awesome-copilot

生成完整的 C# MCP 服务项目，包含工具、提示词和正确的配置

A

agent-platform-inference

google / skills

连接 Google Cloud Agent Platform GenAI 模型并执行推理，包括第一方 Gemini 模型和第三方 OpenMaaS 模型（Llama、DeepSeek、Qwen 等）。用户要求执行推理、向模型提问、运行测试提示词、执行聊天补全，或生成调用 Gemini 或 OpenMaaS 模型的代码；使用 GenAI SDK、OpenAI SDK 或旧版 Agent Platform SDK 进行身份验证；配置基础 URL 和全球/区域端点；或排查 429 Resource Exhausted (DSQ)、400 User Validation、404 Not Found 错误时使用。不要用于将模型部署到端点或运行模型评估。

N

n8n-mcp-tools-expert

czlonkowski / n8n-skills

高效使用 n8n-mcp MCP 工具的专家指南。适用于搜索节点、验证配置、访问模板、管理工作流、将工作流整理到文件夹、管理凭据、审计实例安全性，或使用任何 n8n-mcp 工具。提供工具选择指导、参数格式和常见模式。重要——调用任何 n8n-mcp 工具前，务必先查阅此技能，以避免 nodeType 格式错误、参数结构不正确及工具使用效率低下等常见问题。如果用户提到 n8n、工作流、节点或自动化，且你有可用的 n8n MCP 工具，请先使用此技能。

I

ios-hig-design

wondelai / skills

遵循 Apple Human Interface Guidelines 设计原生 iOS 界面。用户提到“iPhone app”“iPad layout”“SwiftUI”“UIKit”“Dynamic Island”“safe areas”“HIG compliance”“SF Symbols”“haptic feedback”“iOS accessibility”“make my app feel native”或“follow Apple design guidelines”时使用。构建 iOS 标签栏、导航栈、工作表或模态框，实现深色模式，或适配不同屏幕尺寸时也应触发。涵盖导航模式、无障碍功能、SF Symbols 和平台规范。一般 UI 润色请参阅 refactoring-ui；交互暗示设计请参阅 design-everyday-things。

A

asc-release-flow

rorkai / app-store-connect-cli-skills

使用 asc 协调 App Store 发布，包括暂存版本、上传或构建制品、发布以及提交审核。用户想准备或执行发布时使用。Game Center 项目准备保留在此技能中；其他就绪检查失败、提交卡住、取消和重试决策交由 asc-submission-health 处理。

D

devtools

vercel-labs / json-render

适用于任何 json-render 应用的即插即用检查面板。用户想调试生成式 UI、检查规范树、在运行时编辑状态、查看已分发的操作、实时跟踪流补丁、浏览目录，或选择 DOM 元素以查找其规范键时使用。触发词包括“添加 devtools”“调试 json-render”“检查规范”“为什么这个元素没有渲染”“查看运行时状态”，或请求为 `@json-render/devtools` 监听流／捕获操作日志。

F

flutter-interoperating-with-native-apis

flutter / agent-plugins

暂无简介

F

flutter-adding-home-screen-widgets

flutter / agent-plugins

暂无简介

C

composio

composiohq / composio

在 Composio For You 和 Composio Platform 之间路由并完成 Composio 相关工作。当用户提到 Composio；希望 Agent 使用 Gmail、Slack、GitHub、Notion、Calendar 或 Linear 等应用；需要首次设置、SDK 或 MCP 集成、CLI 操作、迁移指导、最新文档，或排查连接与工具调用问题时使用。

A

ask-docs

crewaiinc / skills

查询 CrewAI 官方文档以获取答案。当用户的问题未被 getting-started、design-agent、design-task 技能充分涵盖时使用，例如具体 API 详情、配置选项、高级功能、错误排查、企业功能、工具参考，或任何需要以最新文档为准的问题。

G

gh-axi

kunchenguid / gh-axi

通过 gh-axi CLI 操作 GitHub——issue、pull request、discussion、堆叠式 PR、workflow run、workflow、release、仓库、label、gist、Projects (v2)、Actions secrets 和 variables、搜索，以及原始 API 访问。只要任务涉及 GitHub 就应使用：列出或提交 issue、评审或合并 PR、管理堆叠分支和 PR、检查 CI 运行、触发 workflow、发布 release、管理 Projects 看板、管理 Actions secrets/variables，或通过 `gist list`、`gist view`、`gist edit`、`gist rename`、`gist create`、`gist delete`、`gist clone` 操作 gist。

P

performance-optimization

gamedev-skills / awesome-gamedev-agent-skills

系统地查找并修复游戏性能问题——先用引擎性能分析器测量，分析帧时间预算，定位 CPU 与 GPU 瓶颈，再采取正确的修复手段：对象池、绘制调用批处理、减少内存分配/GC 尖峰，以及资源预算。一种不绑定引擎、可与各引擎性能分析器配合的方法。当用户提到性能、优化、FPS 低或下降、掉帧、卡顿、延迟、性能分析器、帧预算、绘制调用、批处理、垃圾回收/GC 尖峰、对象池或「游戏运行很慢」时使用。

F

flutter-building-plugins

flutter / agent-plugins

暂无简介

通过 Apifox CLI 管理 Apifox 项目资源。触发场景：运行接口自动化测试/测试套件，查询/创建/更新/删除接口、环境、Schema、Mock、分支等项目资源，导入导出 API 文档，查看测试报告，管理 Runner、定时任务、通知等 CI/CD 配置。CLI 输出为结构化 JSON，常含 agentHints.nextSteps；所有命令支持 --help。

G

game-ai

gamedev-skills / awesome-gamedev-agent-skills

用有限状态机、行为树、转向行为和 A* 路径查找来设计 NPC 与敌人的决策——与检测到的引擎的导航 API 配合使用的引擎中立算法。适用于构建敌人 AI、FSM 或行为树、转向/群集，或路径查找，当用户提到状态机、行为树、黑板、A*、导航网格、seek 或巡逻/追击时。

E

ecosystem-primer

langchain-ai / langchain-skills

在任何 LangChain / LangGraph / Deep Agents Agent 构建项目中，必须先调用此技能，再查阅其他技能或编写任何 Agent 代码。它是获取最新信息的必经起点，涵盖框架选择（LangChain 与 LangGraph、Deep Agents 或混合组合）、Agent 模式、安装、环境设置以及接下来应加载的技能。

A

audio-design

gamedev-skills / awesome-gamedev-agent-skills

实现游戏音频实践——总线/混音器架构与分贝增益、闪避（侧链）、通过分层和重新编排实现自适应/动态音乐、音效变化，以及节拍同步。不绑定特定引擎。当用户提到音频混音、音频总线、自适应/动态音乐、闪避、音效变化、音乐分层或将玩法与节拍同步时使用。

F

flutter-embedding-native-views

flutter / agent-plugins

暂无简介

A

agent-platform-migrate-from-ai-studio

google / skills

指导 Agent 和用户从 Google AI Studio 中的 Gemini API 迁移到 Gemini Enterprise Agent Platform（前称 Vertex AI）。将应用迁移到 Google Cloud、使用 Cloud credits，或将推理与其他 Cloud 基础设施（IAM、计费、遥测）统一时使用此技能。

C

camera-systems

gamedev-skills / awesome-gamedev-agent-skills

打造手感良好的游戏摄像机——2D 跟随支持死区、前瞻、平滑和关卡边界钳制；3D 第三人称轨道摄像机支持碰撞和第一人称视角；另有��目标构图和震屏钩子。引擎中立技巧，可与引擎自带的摄像机节点以及 Unity Cinemachine、Godot Camera2D/PhantomCamera 等装置配合使用。当用户提到摄像机跟随、跟随摄像机、死区、前瞻、摄像机平滑、摄像机边界/限制、第三人称摄像机、轨道摄像机、第一人称视角、Cinemachine 或摄像机抖动时使用。

W

wp-plugin-development

wordpress / agent-skills

开发 WordPress 插件时使用：涵盖架构和钩子、启用/停用/卸载、管理界面和 Settings API、数据存储、cron/任务、安全性（nonce/权限/净化/转义）以及发布打包。

E

effect-ts

effect-ts / skills

在搭建使用 Effect Typescript 库的仓库时使用此技能。

P

playground

anthropics / claude-plugins-official

创建交互式 HTML playground —— 自包含的单文件探索器，让用户通过控件可视化地配置内容、查看实时预览，并复制出提示词。当用户要求为某个主题制作 playground、explorer 或交互式工具时使用。