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模式
npx skills add stagewise-io/stagewise --skill caveman -g -y
提供创建高效Agent Skill的指南，涵盖结构、渐进式披露原则及最佳实践，用于扩展智能体能力。
创建新的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状态的最佳实践，涵盖选择器模式、避免重渲染及结构共享。指导开发者正确使用useKartonState和useComparingSelector等钩子，确保性能优化。
创建或审查使用Karton Hooks的React组件
解决因状态更新导致的无效重渲染问题
优化基于Karton状态的组件性能
npx skills add stagewise-io/stagewise --skill karton-best-practices -g -y
提供Stage UI设计系统的开发指南，涵盖组件导入、Tailwind样式使用及OKLCH色彩与主题Token规范。用于在浏览器应用中创建、编辑或审查UI界面。
需要引用stage-ui组件或样式时
实现新屏幕或组件的UI开发时
进行前端界面样式调整或代码审查时
npx skills add stagewise-io/stagewise --skill stage-ui-design-system -g -y
提供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 查询用户选中节点、处理认证凭证并调用关键接口获取设计文件、组件和样式信息。
用户要求操作或读取 Figma 设计稿
需要获取 Figma 文件的元数据或导出图片
询问如何配置 Figma 插件或处理 Figma API 错误
npx skills add stagewise-io/stagewise --skill figma -g -y
GitHub插件指南，提供通过REST API操作仓库、Issue、PR及Actions的能力。支持认证配置与HTTP请求封装，涵盖关键端点用法，适用于自动化开发工作流集成。
需要操作GitHub仓库或Issue
触发或监控GitHub Actions
npx skills add stagewise-io/stagewise --skill github -g -y
提供在 Node.js VM 沙箱中运行 JavaScript 的最佳实践，涵盖超时控制、输出与附件生成、CDP 浏览器调试、文件系统访问及凭据管理。
需要在受限环境中执行 JavaScript 脚本
需要调用浏览器 DevTools Protocol 进行交互
需要在沙箱内读写文件或处理二进制数据
npx skills add stagewise-io/stagewise --skill javascript-sandbox -g -y
提供在浏览器标签页中构建交互式迷你应用（Mini Apps）的指南，涵盖目录结构、文件编写、iframe沙箱约束、API调用及双向消息通信机制。
需要创建或开发自定义Web小应用
询问迷你应用的架构与文件组织规范
查询沙箱与应用的通信方式
npx skills add stagewise-io/stagewise --skill mini-apps -g -y
提供PostHog REST API访问能力，支持HogQL查询、事件与用户分析、功能标志管理、实验及洞察读取等数据分析操作。
需要查询或分析PostHog数据
需要管理PostHog功能标志或实验
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插件，用于通过PAT认证执行SQL查询、管理项目、边缘函数、密钥及迁移等运维操作。
需要管理Supabase项目配置
执行数据库迁移或SQL查询
检查项目健康状态
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。支持从零编写技能、从对话中提取隐性知识，以及修正过时或错误的现有技能，确保知识库准确高效。
用户要求创建新技能
需要从对话中提取经验或规则
需要更新或修复已有技能的错误内容
npx skills add stagewise-io/stagewise --skill Learn -g -y
该 Skill 用于在编码前创建结构化的实施计划。通过研究代码、澄清歧义并生成详细的 Markdown 计划文件，明确任务步骤和上下文，确保在执行前获得用户确认，提升开发规范性。
需要制定结构化实施方案时
编码前需梳理变更范围和细节时
npx skills add stagewise-io/stagewise --skill Plan -g -y
用于在浏览器标签页中创建交互式设计预览的微型应用。通过脚手架生成HTML/CSS/JS文件，利用API打开内部标签页展示响应式布局，支持迭代编辑与CDP调试。
需要生成前端UI预览
构建可交互的设计原型
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系统提示词与模板，涵盖从0创建、结构优化、Token压缩到安全审计的全流程。旨在提升提示词清晰度、效率及安全性，减少Token消耗并防止注入攻击。
编写新提示词
优化现有提示词结构
减少提示词Token用量
审查提示词安全性与偏见
压缩提示词内容
npx skills add stagewise-io/stagewise --skill prompt-optimization -g -y
根据已制定的计划执行代码实现任务。流程包括理解上下文、按序执行并即时更新计划状态，直至所有检查项完成。遵循计划决策，专注实现，不添加未规划功能，并将需用户操作的任务移至后续说明中。
需要执行已创建的实施计划时
进行具体的代码实现和开发工作时
npx skills add stagewise-io/stagewise --skill Implement -g -y
