Agent Skills
› stagewise-io/stagewise
stagewise-io/stagewise
GitHub指导在Stagewise系统中添加或更新LLM模型支持的工作流，涵盖元数据目录维护、Provider路由配置、API验证及展示UI更新。
Install All Skills
npx skills add stagewise-io/stagewise --all -g -y
Skills in Collection (23)
指导在Stagewise系统中添加或更新LLM模型支持的工作流，涵盖元数据目录维护、Provider路由配置、API验证及展示UI更新。
需要添加新的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
更新现有 Agent 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
提供Karton状态库的React最佳实践，涵盖useKartonState等Hook的性能优化、选择器模式、避免重渲染及Immer结构共享原理。
编写使用Karton Hooks的React组件
审查涉及Karton状态的代码性能
解决React组件因状态更新导致的异常重渲染问题
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
提供 Stage UI 设计系统的使用指南，涵盖基于 OKLCH 的颜色体系、Tailwind CSS 4 主题令牌及组件导入方式。用于指导在浏览器应用中创建、编辑或审查 UI 界面时的样式实现与规范遵循。
创建新的 UI 界面或组件
修改现有界面的样式和颜色
审查前端代码中的 UI 实现是否符合设计规范
查找可用的设计令牌或组件用法
npx skills add stagewise-io/stagewise --skill stage-ui-design-system -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等70条规则。适用于编写、审查或重构代码时确保最佳性能模式。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add stagewise-io/stagewise --skill vercel-react-best-practices -g -y
提供Figma插件的使用指南，涵盖REST API访问、实时选择监控及交互UI。指导Agent查询用户选中节点、获取凭证、调用API接口（如文件、组件、图片导出）并处理认证与错误。
用户请求操作Figma设计文件
用户询问如何获取或导出Figma元素
需要读取Figma组件或样式信息
npx skills add stagewise-io/stagewise --skill figma -g -y
提供GitHub REST API访问能力，支持通过PAT令牌操作仓库、Issue、PR、Actions及Release等，封装了认证与请求方法。
需要查询或管理GitHub仓库信息
需要创建或处理Issue和Pull Request
需要触发或监控GitHub Actions工作流
需要发布或管理GitHub Release
npx skills add stagewise-io/stagewise --skill github -g -y
提供 JavaScript 沙箱的最佳实践，涵盖超时管理、输出创建、附件处理、CDP 调试、文件系统访问及凭据获取等 API 使用指南。
询问 JavaScript 沙箱 API 用法
解决沙箱中循环超时或阻塞问题
需要在沙箱中进行浏览器调试或文件操作
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
指导在浏览器标签页中构建自定义交互式 Web 应用（Mini Apps）的技能，涵盖文件结构、iframe 沙箱约束、通过 Sandbox API 打开应用及双向消息通信机制。
需要创建或编辑 mini-apps 应用文件
需要在 Sandbox 中打开或重载 mini-apps
需要实现 Sandbox 与 mini-apps 之间的双向消息通信
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管理API插件，支持通过PAT令牌执行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服务，实现代码深度调试。支持创建日志通道、构造URL、注入带区域标记的Instrumentation代码、读取JSONL日志及清理，适用于复杂场景的问题排查与分析。
需要深入分析运行时数据或状态变化
常规断点调试无法获取足够上下文信息
需要追踪特定函数执行路径和参数
npx skills add stagewise-io/stagewise --skill Debug -g -y
用于创建、提取或更新 Agent Skill 的元技能。支持从零编写、从对话提取知识及更新过时内容，规范了 SKILL.md 结构、引用分离及写作风格。
用户要求创建新 skill
要求从当前会话提取或捕获知识
用户纠正 agent 行为或指出 skill 内容过时/错误
npx skills add stagewise-io/stagewise --skill Learn -g -y
在编码前创建结构化的实施计划。通过研究代码、澄清歧义并生成包含详细任务列表的 Markdown 文件，确保代理在用户批准后才开始实现，旨在提高开发过程的条理性和准确性。
需要规划复杂功能实现
执行多步骤重构任务
npx skills add stagewise-io/stagewise --skill Plan -g -y
用于在浏览器标签页中创建交互式设计预览的微型应用。通过脚手架生成HTML/CSS/JS文件，利用API打开内部预览页面，支持响应式布局和迭代编辑，适用于前端UI快速验证与展示场景。
需要在前端环境中实时查看设计效果
构建轻量级HTML预览应用
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系统提示词，涵盖从零创建、现有提示词审计及Token压缩优化。遵循清晰性、安全性与结构化原则，提供标准架构与工作流参考。
编写或优化系统提示词
减少提示词Token用量
审查提示词安全性与偏见
npx skills add stagewise-io/stagewise --skill prompt-optimization -g -y
根据最新计划执行开发任务。读取上下文后按序实现变更，实时更新计划文件中的复选框状态，直至所有任务完成。遵循架构决策，不添加未计划功能，自动处理需用户操作的任务并转入后续跟进。
需要执行已制定的开发计划
需要将规划转化为具体代码实现
npx skills add stagewise-io/stagewise --skill Implement -g -y
