Agent Skills
› zai-org/ZCode
zai-org/ZCode
GitHub基于 Chrome/Chromium CDP 的浏览器自动化 CLI，支持页面导航、表单填写、截图及数据提取。通过快照定位元素并执行交互，适用于网页测试、数据抓取及自动登录等场景。
Install All Skills
npx skills add zai-org/ZCode --all -g -y
Skills in Collection (14)
基于 Chrome/Chromium CDP 的浏览器自动化 CLI，支持页面导航、表单填写、截图及数据提取。通过快照定位元素并执行交互，适用于网页测试、数据抓取及自动登录等场景。
需要与网站进行程序化交互
执行网页自动化任务如填表或点击按钮
从网页抓取或提取数据
对 Web 应用进行自动化测试
npx skills add zai-org/ZCode --skill agent-browser -g -y
基于 shadcn/ui 的 AI 组件库，提供对话、消息等预构建组件，用于快速搭建 AI 聊天界面和助手 UI。
构建 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
用于在 TypeScript 重构或删除导出前，通过 pnpm dep:refs 和 knip 工具检查符号级别的引用关系、列出文件导出及验证未使用情况，确保变更安全。
删除或修改 TypeScript 导出前
重构代码需查找调用者时
验证导出是否未被使用
npx skills add zai-org/ZCode --skill dep-refs -g -y
系统性探索Web应用以发现Bug和UX问题，生成包含截图、视频及复现步骤的结构化报告。适用于QA、探索性测试或审查应用质量。
dogfood
QA
exploratory test
find issues
bug hunt
npx skills add zai-org/ZCode --skill dogfood -g -y
用于 ZCode 桌面端 E2E 测试全生命周期管理，涵盖用例规划、手动审查自动化、证据捕获回放及 CI 准入。
编写或维护 E2E 测试用例
规划功能覆盖矩阵
执行手动审查与证据捕获
npx skills add zai-org/ZCode --skill e2e-case-lifecycle -g -y
用于在实现前分析功能变更的影响范围、明确产品边界、映射共享组件与状态，并生成覆盖率矩阵或E2E交接文档。
发现功能变更的爆炸半径
明确产品边界和状态组合
准备实施前的规格说明和测试覆盖
npx skills add zai-org/ZCode --skill feature-boundary-planner -g -y
基于Vercel工程团队的React和Next.js性能优化指南，提供70条规则以指导代码编写、审查和重构，涵盖消除数据瀑布流、包体积优化及服务端性能等关键领域。
编写新的React组件或Next.js页面
实现客户端或服务端数据获取逻辑
审查代码是否存在性能问题
重构现有React/Next.js代码以提升性能
优化应用包体积或加载速度
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
指导修改 ZCode 会话管理模块，明确 CLI 与 Host 的数据所有权边界及同步规则，避免历史 Bug，确保任务列表、状态及元数据的一致性。
修改 session 相关数据库或索引逻辑
调整 UI 侧栏任务列表显示
重构 CLI 与 Host 间的数据同步机制
npx skills add zai-org/ZCode --skill session-management -g -y
生成、验证或移除大型合成ZCode任务数据，用于UI渲染、会话性能测试及快照恢复等场景。通过操作本地SQLite数据库模拟长运行任务，避免手动聊天耗时。
需要测试大对话或任务列表的性能
进行快照恢复或工具调用渲染测试
npx skills add zai-org/ZCode --skill zcode-large-task-fixture -g -y
OpenTUI终端UI开发技能，涵盖核心API、React/Solid绑定、组件、布局及插件等文档导航与使用指南。
构建终端界面
查询OpenTUI API文档
配置React或Solid绑定
npx skills add zai-org/ZCode --skill opentui -g -y
基于Vercel工程团队的React和Next.js性能优化指南，涵盖70条规则。用于编写、审查或重构代码时确保最佳性能模式，解决数据获取、包体积及渲染效率等问题。
编写新的React组件或Next.js页面
审查代码以查找性能问题
重构现有React/Next.js代码
优化包大小或加载时间
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
通过 Chrome DevTools Protocol 自动化操作 Electron 桌面应用（如 VS Code、Slack），支持启动调试、连接端口、快照交互及多窗口管理。
自动化桌面应用
控制 Electron 应用
测试 Electron 应用
npx skills add zai-org/ZCode --skill electron -g -y
指导在 React 和 Next.js 中使用 View Transition API 实现原生流畅动画，包括页面过渡、路由变化、共享元素及列表重排序等场景。
用户希望添加页面过渡或路由变化动画
需要创建共享元素动画或组件进入/退出动画
提及 view transitions 或 startViewTransition
npx skills add zai-org/ZCode --skill vercel-react-view-transitions -g -y
