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
一种极致压缩的沟通模式，通过去除冗余词汇、填充词和客套话，在保持技术准确性的前提下大幅减少输出 Token。支持多种强度等级，适用于对 Token 效率有严格要求的场景。
用户要求节省 Token 或简化表达
用户指令包含 caveman mode, talk like caveman, be brief 等关键词
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
提供 React 组件使用 Karton 状态的最佳实践，涵盖选择器模式、避免重渲染、结构共享及边缘情况处理，指导高效编写使用 useKartonState 等 Hook 的代码。
创建或审查使用 Kartons hooks 的 React 组件
优化 React 组件性能与状态选择逻辑
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
提供Stage UI设计系统的使用指南，涵盖基于OKLCH和Tailwind CSS 4的颜色、主题Token及组件导入方法，用于前端UI开发、样式编写与审查。
创建或编辑前端界面
使用Tailwind进行样式定制
审查UI组件实现
查找设计令牌与颜色值
npx skills add stagewise-io/stagewise --skill stage-ui-design-system -g -y
基于Vercel工程的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设计资源
用户询问Figma插件功能
npx skills add stagewise-io/stagewise --skill figma -g -y
GitHub插件指南，提供通过REST API访问仓库、Issue、PR、Actions及搜索等功能。包含认证配置与HTTP请求方法示例，支持对代码库的完整管理与自动化操作。
查询或管理GitHub仓库信息
创建或处理Issue和Pull Request
触发或监控GitHub Actions工作流
npx skills add stagewise-io/stagewise --skill github -g -y
提供 JavaScript 沙箱环境的最佳实践，涵盖超时管理、输出与附件生成、CDP 调试交互、文件系统访问及凭证获取等 API 使用规范。
需要在隔离环境中运行 JS 脚本
需要调用浏览器 DevTools 协议进行调试或交互
需要在沙箱内读写文件或处理二进制数据
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
提供在浏览器标签页中构建自定义交互式Web应用（Mini Apps）的指南，涵盖目录结构、文件编写、Iframe沙箱约束、通过API打开应用及双向消息通信机制。
需要创建或开发前端交互式小应用
实现应用与沙箱环境之间的数据通信
配置应用的响应式布局和iframe安全策略
npx skills add stagewise-io/stagewise --skill mini-apps -g -y
PostHog插件，通过REST API访问分析数据。支持HogQL查询、事件与用户管理、洞察查看、特性标志及实验操作等，覆盖US/EU双区域认证与请求处理。
需要查询或分析PostHog中的用户行为数据
需要管理PostHog的特性标志或A/B测试实验
需要通过HogSQL执行自定义数据分析查询
npx skills add stagewise-io/stagewise --skill posthog -g -y
使用 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项目的部署状态
需要获取Vercel应用的构建或运行日志
需要管理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
npx skills add stagewise-io/stagewise --skill Learn -g -y
用于在编码前创建结构化实施计划，涵盖研究、澄清和文档编写，确保方案自包含且任务可执行。
需要制定代码实现方案时
开始复杂功能开发前
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系统提示词及模板，涵盖从零创建、现有提示词审计及Token压缩优化，遵循清晰性、安全性与结构化原则。
编写或优化系统提示词
审查提示词的安全性与偏见
减少提示词的Token消耗
npx skills add stagewise-io/stagewise --skill prompt-optimization -g -y
根据最新计划执行具体开发任务。读取上下文与决策，按序实现变更并即时更新计划文件状态。严格遵循架构选择，不添加未规划功能。若遇需用户操作的任务则移除并记录后续步骤，确保所有复选框完成或合理删除。
需要执行已制定的开发计划
将设计文档转化为代码实现
按计划逐步完成编码任务
npx skills add stagewise-io/stagewise --skill Implement -g -y
