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模型支持的标准化流程，涵盖元数据调研、目录更新、路由审计及发现策略配置。
需要添加新的LLM模型到系统
需要更新现有模型的支持状态
npx skills add stagewise-io/stagewise --skill add-llm-model -g -y
一种极致压缩的沟通模式，通过省略冗余词汇和填充词来减少65%的输出Token，同时保持技术准确性。支持多种强度级别，适用于对Token效率有要求的场景。
用户要求使用caveman模式或类似指令
用户请求减少Token消耗或更简洁的回答
npx skills add stagewise-io/stagewise --skill caveman -g -y
指导创建和更新Agent技能包的规范，涵盖结构、渐进式披露原则及最佳实践，旨在扩展Agent专业能力。
需要创建新的Agent技能
需要优化或重构现有技能文档
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状态的最佳实践，重点优化性能。涵盖选择器模式、防重渲染技巧、结构共享及边界情况处理，指导正确使用useKartonState等Hook。
创建或审查使用Karton React Hook的组件
优化React组件性能以减少不必要的重渲染
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
Stage UI 设计系统指南，涵盖 Tailwind CSS 4、Base UI 组件及 OKLCH 色彩体系。用于浏览器应用界面的开发、样式编写与审查，提供主题令牌和语义化颜色规范。
创建或编辑 UI 界面
实现新屏幕或组件
使用 Tailwind 进行样式定制
审查前端代码中的 UI 实现
npx skills add stagewise-io/stagewise --skill stage-ui-design-system -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖70条规则。用于编写、审查或重构代码时确保最佳实践，触发场景包括组件开发、数据获取、Bundle优化及性能提升任务。
编写新的React组件或Next.js页面
审查代码以发现性能问题
重构现有React/Next.js代码
优化Bundle大小或加载时间
npx skills add stagewise-io/stagewise --skill vercel-react-best-practices -g -y
提供Figma插件的完整指南，涵盖REST API访问、实时选择监控及交互UI。指导Agent通过API读取设计稿、组件和图像，并处理认证与关键端点调用。
用户请求操作Figma文件
需要获取或导出Figma设计元素
询问Figma API使用方法
npx skills add stagewise-io/stagewise --skill figma -g -y
提供GitHub REST API访问能力的插件，支持仓库管理、Issue与PR操作、Actions监控及代码搜索。通过PAT认证执行CRUD请求，辅助开发者进行版本控制与协作任务。
需要查询或管理GitHub仓库信息
创建、审查或合并Pull Request
管理Issue和标签
触发或监控GitHub Actions工作流
搜索代码或Issue
npx skills add stagewise-io/stagewise --skill github -g -y
提供在持久化 Node.js VM 沙箱中编写 JavaScript 的最佳实践，涵盖超时控制、输出与附件生成、CDP 浏览器调试、文件系统访问及凭证管理。
需要在受限环境中运行 JS 脚本
使用 CDP 进行浏览器自动化
沙箱内文件读写操作
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
指导在浏览器标签页中构建自定义交互式 Web 应用（Mini Apps），涵盖文件结构、Iframe 沙箱约束、通过 Sandbox API 打开/刷新应用以及双向消息通信机制。
需要创建基于 HTML/CSS/JS 的交互式界面
需要在应用中实现与主程序的双向数据通信
需要配置应用的响应式布局或入口文件
npx skills add stagewise-io/stagewise --skill mini-apps -g -y
提供PostHog REST API访问能力，支持HogQL查询、事件与用户分析、功能标志管理及实验监控等。用于对接PostHog数据平台进行产品分析与运营操作。
需要查询PostHog数据分析结果
管理PostHog功能标志或实验
通过API获取用户行为事件
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 管理 API 访问能力，支持 SQL 查询、项目列表、边缘函数、密钥及迁移管理等操作。
需要查询或修改 Supabase 数据库内容
需要管理 Supabase 项目配置或部署边缘函数
npx skills add stagewise-io/stagewise --skill supabase -g -y
提供Vercel REST API访问能力，支持项目与部署管理、日志查询、环境变量操作及构建触发。
查询Vercel项目或部署状态
获取构建或运行日志
管理环境变量
触发重新部署
npx skills add stagewise-io/stagewise --skill vercel -g -y
通过注入带区域标记的 fetch 日志调用，将结构化数据发送至本地 HTTP 接收服务器并写入 JSONL 文件，支持创建频道、读取分析、自动清理及错误处理，用于代码深度调试。
需要深入调试代码执行流程
分析运行时状态或组件渲染行为
npx skills add stagewise-io/stagewise --skill Debug -g -y
用于创建、提取或更新 Agent Skill 的元技能。支持从零构建、从对话中提取知识以及修正过时内容，规范了 Skill 的结构、前后置规则及引用机制。
创建新 skill
从会话中提取经验
更新或修正现有 skill
npx skills add stagewise-io/stagewise --skill Learn -g -y
在编码前创建结构化实施计划，包含研究、澄清和详细任务分解。确保计划自包含且仅包含Agent可完成的任务，等待用户批准后再执行。
需要规划代码修改方案
开发新功能或重构前的步骤
npx skills add stagewise-io/stagewise --skill Plan -g -y
用于在浏览器标签页中创建交互式设计预览的迷你应用。通过脚手架生成HTML/CSS/JS文件，利用API打开内部标签页展示响应式布局，并支持迭代编辑与刷新预览。
用户需要查看或测试UI组件的设计效果
需要快速生成并展示前端页面原型
需要在应用内嵌入可交互的可视化预览
npx skills add stagewise-io/stagewise --skill Preview -g -y
该技能用于在后台监控本地或远程条件，当条件满足时自动恢复执行。它通过创建观察者会话实现非阻塞等待，适用于需要异步监听状态变化的场景。
用户要求监控某个条件是否满足
需要在后台等待特定事件发生
npx skills add stagewise-io/stagewise --skill Watch -g -y
专注于转化型营销文案撰写，涵盖首页、落地页等页面文本优化。遵循清晰、利益导向原则，指导收集产品与受众背景，提升内容说服力与转化率。
撰写或改写营销文案
优化标题、CTA或价值主张
提升页面转化效果
npx skills add stagewise-io/stagewise --skill copywriting -g -y
指导LLM系统提示词的构建、审查与优化，涵盖从0到1创建、现有提示词审计及Token压缩，旨在提升清晰度、安全性并降低Token消耗。
编写或优化系统提示词
减少提示词Token用量
审查提示词安全性与偏见
npx skills add stagewise-io/stagewise --skill prompt-optimization -g -y
该技能用于执行最近制定的开发计划。Agent需阅读上下文，按顺序逐项实现任务并立即更新计划状态，直至所有复选框完成。期间不询问用户，严格遵循架构决策，自动处理需用户操作的任务并转入后续跟进环节。
需要执行已生成的详细开发计划时
需要将抽象规划转化为具体代码实现时
npx skills add stagewise-io/stagewise --skill Implement -g -y
