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。支持多种强度级别及文言风格，旨在提升交互效率并节省资源。
用户要求使用 caveman 模式或类似表述
用户请求更简洁的输出或降低 token 消耗
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
分析 Agent 历史压缩机制，涵盖边界选择、近期性偏差及 SQLite 回放测试。用于调试上下文溢出、优化压缩质量或扩展压缩流水线功能。
调试或调优历史压缩逻辑
调查上下文窗口溢出问题
评估压缩质量与真实对话历史的匹配度
npx skills add stagewise-io/stagewise --skill history-compression -g -y
提供React组件使用Karton状态的最佳实践，涵盖选择器模式、防重渲染及Immer结构共享机制，指导高效编写与审查代码。
创建或审查使用Karton hooks的React组件
优化涉及Karton状态的组件性能
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
提供 Stage UI 设计系统参考，涵盖 OKLCH 色彩、Tailwind CSS 4 样式导入及组件使用指南。用于在浏览器应用中创建、编辑或审查 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。指导Agent查询用户选中节点、处理认证凭证并调用关键API端点以获取设计数据与组件信息。
需要读取或解析Figma设计文件内容
需要从Figma导出图片、组件或样式元数据
用户提及Figma相关的设计协作或开发需求
npx skills add stagewise-io/stagewise --skill figma -g -y
提供GitHub REST API访问能力，支持仓库、Issue、PR、Actions及搜索等操作。通过PAT认证，封装GET/POST/PATCH请求，适用于代码管理、自动化工作流及版本发布等场景。
查询或管理GitHub仓库信息
创建、审查或合并Pull Request
操作Issue和评论
触发或监控GitHub Actions
管理Release版本
npx skills add stagewise-io/stagewise --skill github -g -y
介绍 JavaScript 沙箱的最佳实践，涵盖超时控制、输出与附件创建、CDP 调试、文件系统访问及凭证管理，指导在隔离环境中安全高效地执行脚本。
需要编写或调试运行在 JS 沙箱中的脚本
询问沙箱 API 使用限制或最佳实践
处理沙箱内的文件读写或 CDP 通信
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
指导在浏览器标签页中构建自定义交互式迷你应用，涵盖目录结构、文件编写、iframe沙箱约束、通过API打开应用及双向消息通信机制。
需要创建或修改迷你应用
配置应用与沙箱的消息通信
解决iframe渲染或响应式设计问题
npx skills add stagewise-io/stagewise --skill mini-apps -g -y
PostHog插件，通过REST API查询分析数据、管理功能标志、实验和事件。支持HogQL查询、用户查找及洞察读取。
需要查询PostHog分析数据或事件
需要管理功能标志或A/B测试实验
需要访问用户画像或群体信息
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项目配置、边缘函数或密钥
检查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
通过注入带区域标记的fetch日志调用，将结构化数据发送至本地HTTP服务器并写入JSONL文件，支持读取与分析日志，用于深入排查代码问题。
需要深入分析运行时行为
定位前端组件渲染或副作用问题
npx skills add stagewise-io/stagewise --skill Debug -g -y
用于创建、提取或更新 Agent Skill 的元技能。支持从零编写、从会话中提取知识及修正过时内容，规范了文件结构、前后置规则及引用机制。
create a skill for X
learn-skill for what we did
extract a skill from above
user corrected agent behavior
skill is wrong/outdated
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打开内部预览页面，支持响应式布局和迭代编辑。
需要创建前端界面预览
构建小型交互式Web应用
npx skills add stagewise-io/stagewise --skill Preview -g -y
用于在后台监控本地或远程条件，当条件满足时恢复执行。通过调用createWatcherSession实现非阻塞的持续观察，适用于等待特定状态变更的场景。
用户请求监控某个条件是否满足
需要后台等待特定事件发生再继续操作
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
