尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

GATE与检查点模式:stitch-skills如何让AI Agent安全行驶

GATE与检查点模式:stitch-skills如何让AI Agent安全行驶 GATE与检查点模式stitch-skills如何让AI Agent安全行驶【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skillsstitch-skills 是一套面向 Stitch MCP 服务的 Agent Skills 技能库它用 GATE关卡门与检查点Checklist两类机制约束 AI Agent 按阶段推进任务、每个阶段先验收再继续从而让 AI Agent 在执行设计生成、代码转换等长任务时安全行驶不跳步、不跑偏。为什么 AI Agent 需要限速带 AI Agent 擅长一口气把任务做完但一口气恰恰是风险来源跳过下载直接读本地文件、用错项目的配色令牌、未经你同意就启动开发服务器……这些自作主张在长任务里会被逐级放大。stitch-skills 的思路很像给车辆设计关卡GATE关卡每个阶段末尾设一道门条件不满足就不许进入下一阶段检查点Checklist任务结束前对照清单逐项自查验收。所有技能都遵循 Agent Skills 开放标准可被 Codex、Antigravity、Gemini CLI、Claude Code、Cursor 等编码 Agent 加载详见 README.md。关卡门 GATE阶段验收后才放行打开任意一个构建类技能如 React 组件转换的 SKILL.md开头就是一句硬规则CRITICAL: Every step in this skill is MANDATORY. Do NOT skip any step or take shortcuts. Each section contains a GATE that must be satisfied before proceeding.每一步都是强制的不许跳步。每个章节都含一道 GATE必须满足后才能继续。以设计稿转 React 组件技能为例整条流水线被切分为 4 个阶段每个阶段各有一道门阶段关卡门内容不放行的后果Phase 1 下载与获取必须通过脚本下载全部屏幕并完成视觉审核禁止直接读本地文件Agent 基于过期/缺失设计稿开工Phase 2 样式提取必须用当前项目的样式令牌更新 style-guide旧项目令牌一律无效配色、字体与真实设计稿不符Phase 3 架构规则组件必须拆分、数据解耦、类型安全违反则npm run validate直接失败生成能跑但烂的代码Phase 4 执行与校验跑校验脚本、启动本地服务器等操作必须先征得用户同意Agent 擅自动用你的机器注意第四道门最特别它把验证设为可选项且必须询问用户。这就是 human-in-the-loop人在环中——关键动作的钥匙始终握在人手里。反模式清单把不许做的事写进技能除了正向的关卡每个阶段还配了 Anti-patterns反模式清单用 ❌ 明确列出禁止行为。例如 Phase 1 的反模式见 SKILL.md❌ 不先调 MCP 接口就直接读.stitch/designs/*.html❌ 跳过高可靠的下载脚本❌ 发现已有文件时不问用户就假设复用❌ 跳过截图的视觉审核对新手来说这种写法比要仔细检查之类的模糊叮嘱有效得多它把常见踩坑点直接写死Agent 照着排除即可。检查点任务结束前的自查清单关卡管过程检查点管结果。技能在resources/目录中内置了验收清单例如架构质量门Architecture Quality Gatearchitecture-checklist.md结构完整性逻辑抽到自定义 hooks无巨石文件静态文本移入mockData.ts类型安全Props 使用ReadonlyT接口模板占位符已替换样式主题所有颜色类应用了dark:变体无硬编码 hex 值其他技能也有各自的检查点视频生成技能对照 composition-checklist.md设计文档提取技能内置 Quality Checklistextract-design-md/SKILL.md。执行阶段最后一步就是把产出对照清单逐条核销未过项就地修复避免带病交付。接力棒系统长任务的断点续传 更进阶的用法在 stitch-loop 技能里让 Agent 自主循环建站每轮迭代像接力赛一样交接接力棒。.stitch/next-prompt.md接力棒文件记录当前任务是每轮迭代的检查点——读完它才知道现在该做什么.stitch/SITE.md站点愿景、站点地图与路线图防止重复建页.stitch/metadata.json持久化项目 ID 与屏幕元数据保证下一轮能接着改而不是推倒重来每轮迭代固定动作读棒 → 查上下文 → 生成页面 → 集成进站点 →写下一棒。技能还明确支持 Human-in-loop 编排方式开发者每轮审核后再放行等于给自动化加了一个可暂停的检查点。这套接力棒 持久化状态的组合正是断点续传思想在 Agent 工作流里的落地。如何快速上手 stitch-skills 整体安装插件推荐最快npx plugins add google-labs-code/stitch-skills --scope project --target claude-codeClaude Code 示例Cursor、Codex 的用法见 README.md按需挑选技能npx skills add google-labs-code/stitch-skills注意技能之间存在依赖选择性安装时请带齐所需依赖前置条件配置好 Stitch MCP 服务器注册服务、设置凭据与环境变量否则技能无法调用 Stitch 工具仓库目录结构清晰plugins/下分 stitch-design设计工作流、stitch-build代码生成、stitch-utilities提示增强等工具每个技能都是一个SKILL.md 脚本 资源清单的标准结构。小结stitch-skills 给 AI Agent 装上了三道安全设施GATE 关卡门——阶段未验收不许前进从源头杜绝跳步检查点清单——任务收尾前逐项核销杜绝带病交付接力棒与人在环中——长任务可断点续传关键动作始终由你拍板。对新手而言你不需要理解这些机制的实现细节只要让 Agent 使用这些技能安全行驶的规则就已经生效了。【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表