Agent Skills
› stagewise-io/stagewise
stagewise-io/stagewise
GitHub指导在Stagewise系统中添加或更新LLM模型支持的标准工作流，涵盖元数据研究、目录更新、路由审计及发现策略配置。
Install All Skills
npx skills add stagewise-io/stagewise --all -g -y
Skills in Collection (23)
指导在Stagewise系统中添加或更新LLM模型支持的标准工作流，涵盖元数据研究、目录更新、路由审计及发现策略配置。
需要新增大语言模型到系统
需要更新现有模型配置或元数据
涉及模型提供商实例的路由调整
npx skills add stagewise-io/stagewise --skill add-llm-model -g -y
一种通过压缩语言风格（如省略冠词、填充词）来减少输出 Token 的通信模式，保持技术准确性。支持多种强度级别及文言风格，适用于追求极致简洁和高效交互的场景。
用户要求使用 caveman mode
用户要求 talk like caveman
用户要求 less tokens
用户要求 be brief
调用 /caveman 命令
npx skills add stagewise-io/stagewise --skill caveman -g -y
提供创建Agent Skill的指南，涵盖模块化结构、渐进式披露原则及最佳实践，旨在扩展代理能力并优化上下文加载效率。
需要创建新的Agent Skill
需要更新或重构现有Skill
npx skills add stagewise-io/stagewise --skill create-skill -g -y
描述 Stagewise Agent 历史压缩机制，涵盖边界选择、上下文溢出处理及 SQLite 回放测试工具。用于调试、调优压缩逻辑或探究压缩质量。
调试历史压缩逻辑
优化上下文窗口溢出策略
评估压缩效果
npx skills add stagewise-io/stagewise --skill history-compression -g -y
提供React组件使用Karton状态库的性能最佳实践，涵盖选择器模式、防重渲染及Immer结构共享模型理解。
创建或审查使用Karton Hooks的React组件
优化前端状态选择器性能
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
提供 Stage UI 设计系统的开发指南，涵盖组件导入、OKLCH 色彩体系及 Tailwind CSS 主题令牌。用于在浏览器应用中创建、编辑或审查 UI 界面与样式。
创建新 UI 组件或屏幕
审查前端界面代码
使用 Tailwind CSS 进行样式调整
npx skills add stagewise-io/stagewise --skill stage-ui-design-system -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端性能等70条规则，用于指导代码编写、审查及重构。
编写或审查React组件与Next.js页面
实施客户端或服务端数据获取
重构现有代码以提升性能或减小包体积
npx skills add stagewise-io/stagewise --skill vercel-react-best-practices -g -y
提供Figma插件使用指南，包括REST API访问、实时选择监控及交互式UI。指导如何查询当前选中节点、获取凭证、发起API请求及使用关键端点读取设计文件与组件。
用户需要操作或查询Figma设计文件
用户询问关于Figma插件的使用方法
用户尝试通过代码获取Figma中的设计数据
npx skills add stagewise-io/stagewise --skill figma -g -y
GitHub插件指南，提供通过REST API访问仓库、Issue、PR、Actions及搜索等功能。支持使用PAT进行认证，封装了GET/POST/PATCH请求方法，并详细列出了关键API端点的使用示例。
查询或管理GitHub仓库信息
创建、审查或合并Pull Request
操作Issue和Release
触发或监控GitHub Actions工作流
npx skills add stagewise-io/stagewise --skill github -g -y
提供在JavaScript沙箱中编写脚本的最佳实践，涵盖超时控制、输出与附件创建、CDP协议交互、文件系统访问及凭证管理。指导开发者安全高效地利用沙箱API进行调试、自动化操作和数据处理。
需要在隔离环境中执行JavaScript代码
询问如何调用API.output或createAttachment
咨询CDP命令发送或事件监听方法
处理沙箱内的文件读写或权限问题
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
指导构建在浏览器标签页中运行的自定义交互式 Web 应用（Mini Apps），涵盖文件结构、iframe 沙箱约束、API 调用及双向消息通信，适用于仪表盘和可视化工具开发。
需要创建或编辑 Mini App 应用
处理 iframe 内的双向消息通信
配置应用打开与刷新逻辑
npx skills add stagewise-io/stagewise --skill mini-apps -g -y
PostHog插件，通过REST API和HogQL查询分析数据、管理特征标志、实验及用户事件。
查询PostHog分析数据
管理特征标志或实验
npx skills add stagewise-io/stagewise --skill posthog -g -y
基于Remotion框架创建或编辑视频的全流程技能。涵盖风格指南选择、项目初始化、规格定义、结构搭建及素材收集，确保视频制作标准化与一致性。
用户需要创建新的Remotion视频项目
用户需要编辑或更新现有Remotion视频内容
npx skills add stagewise-io/stagewise --skill create-remotion-video -g -y
Supabase插件指南，提供通过PAT调用管理API的能力，包括项目列表、SQL执行、边缘函数、密钥及迁移管理等。
需要查询或修改Supabase数据库数据
需要管理Supabase项目配置、边缘函数或密钥
npx skills add stagewise-io/stagewise --skill supabase -g -y
提供Vercel REST API访问能力，支持项目与部署管理、日志查询、环境变量配置及构建触发等操作。
需要查看或管理Vercel上的项目和部署状态
需要获取应用构建或运行时的日志信息
需要读取、添加或更新Vercel项目的环境变量
npx skills add stagewise-io/stagewise --skill vercel -g -y
通过注入结构化日志代码到用户代码中，将调试信息发送至本地 HTTP 服务器并记录为 JSONL 文件，支持创建通道、读取日志及清理，辅助深入排查问题。
需要深入分析代码运行时状态
排查复杂逻辑或性能瓶颈
npx skills add stagewise-io/stagewise --skill Debug -g -y
用于创建、提取或更新 Agent Skill 的元技能。支持从零构建、从对话中提取知识及修正过时内容，规范了文件结构与编写规则。
创建新 skill
从会话提取经验
更新或修正现有 skill
npx skills add stagewise-io/stagewise --skill Learn -g -y
该 Skill 用于在编码前创建结构化的实施计划。通过研究代码、澄清需求并生成包含具体任务清单的 Markdown 文件，确保 Agent 在获得用户批准后再执行实现，提升开发规范性与安全性。
需要规划复杂功能实现时
要求先生成方案再编码的场景
npx skills add stagewise-io/stagewise --skill Plan -g -y
该技能用于在浏览器标签页中创建交互式设计预览。通过构建小型应用，生成自包含的HTML文件，并调用API在内部环境中打开响应式预览界面，支持迭代编辑和CDP调试。
需要创建设计预览
需要在浏览器标签页展示交互效果
npx skills add stagewise-io/stagewise --skill Preview -g -y
在后台监控本地或远程条件，满足时恢复执行。适用于需要等待特定状态变更的场景。
用户要求监控某个文件或进程的状态
用户希望等待某个服务启动或条件达成
npx skills add stagewise-io/stagewise --skill Watch -g -y
专注于撰写、重写和优化营销文案（如首页、落地页等），以提升转化率和说服力。提供清晰、具体的写作原则与风格指南，指导生成 compelling 的页面文本。
用户需要撰写或改进营销文案
涉及标题、CTA、价值主张等网页 persuasive text
用户请求 'rewrite this page' 或 'marketing copy'
npx skills add stagewise-io/stagewise --skill copywriting -g -y
指导构建、审查和优化LLM系统提示词与模板，涵盖从零创建、结构优化、Token压缩及安全审查。适用于提升提示词清晰度、效率及安全性，减少Token消耗。
编写或优化系统提示词
压缩提示词以减少Token使用
审查提示词的安全性与偏见
用户提及prompt engineering
npx skills add stagewise-io/stagewise --skill prompt-optimization -g -y
执行最近创建的开发计划，按顺序实现任务并立即更新进度。遵循架构决策，不偏离计划，处理用户侧任务并持续完成所有检查项。
需要执行已制定的开发计划
开始实施具体的功能或修复任务
npx skills add stagewise-io/stagewise --skill Implement -g -y
