Agent Skills
› zai-org/ZCode
zai-org/ZCode
GitHub基于CDP的浏览器自动化CLI工具，支持网页导航、表单填写、截图及数据提取。适用于需要程序化操控浏览器的场景，如Web应用测试或网页交互自动化。
安装全部 Skills
npx skills add zai-org/ZCode --all -g -y
集合内 Skills (8)
基于CDP的浏览器自动化CLI工具，支持网页导航、表单填写、截图及数据提取。适用于需要程序化操控浏览器的场景，如Web应用测试或网页交互自动化。
打开网站
填写表单
点击按钮
截取屏幕
抓取页面数据
测试Web应用
登录网站
自动化浏览器操作
npx skills add zai-org/ZCode --skill agent-browser -g -y
提供AI聊天界面组件库的安装与使用指南，支持对话、消息等UI构建，适用于开发AI助手或聊天机器人前端。
构建AI聊天界面
集成AI元素组件
开发AI助手UI
npx skills add zai-org/ZCode --skill ai-elements -g -y
用于在代码修改前强制执行架构策略，通过生成上下文包、检查模块与层级边界并报告违规来确保设计一致性。
在ZCode仓库编辑代码前
需要检查模块和层级边界时
涉及跨模块或状态所有权变更的代码改动
npx skills add zai-org/ZCode --skill architecture-governance -g -y
通过 pnpm dep:refs 分析 TypeScript 导出引用，辅助重构时确认符号使用情况、查找未导出项及验证删除安全性。
重构代码前检查符号引用
验证导出是否被使用以决定删除
列出文件所有导出项
npx skills add zai-org/ZCode --skill dep-refs -g -y
系统性探索Web应用以发现Bug和UX问题，通过agent-browser自动执行测试并生成包含截图、视频及复现步骤的结构化报告。
用户要求对Web应用进行“dogfood”或“QA”
用户要求进行“exploratory test”或“bug hunt”
用户要求测试应用/网站质量或查找问题
npx skills add zai-org/ZCode --skill dogfood -g -y
分析功能变更对UI、状态、协议及持久化的影响，生成边界规划或实施交接计划。通过代码搜索和依赖追踪确定影响范围与所有者。
需要进行功能变更的影响分析
制定产品边界规划
准备基于源码的实施交接方案
npx skills add zai-org/ZCode --skill feature-boundary-planner -g -y
基于Vercel工程的React和Next.js性能优化指南，提供70条规则指导代码编写、审查与重构，涵盖消除瀑布流、包体积优化及服务端性能等核心场景。
编写或审查React/Next.js组件
实施数据获取逻辑
重构现有代码以提升性能
优化包体积或加载速度
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
用于自动化控制基于 Electron 构建的桌面应用（如 VS Code、Slack）。通过启用远程调试端口连接 Chrome DevTools Protocol，实现元素快照、点击交互及页面导航等自动化操作。
automate Slack app
control VS Code
interact with Discord app
test this Electron app
connect to desktop app
npx skills add zai-org/ZCode --skill electron -g -y
