Agent Skills
› zai-org/ZCode
zai-org/ZCode
GitHub基于Chrome/Chromium的浏览器自动化CLI工具，支持页面导航、表单填写、截图及数据提取。通过CDP协议实现程序化网页交互，适用于Web应用测试、数据采集及自动化流程。
Install All Skills
npx skills add zai-org/ZCode --all -g -y
Skills in Collection (14)
基于Chrome/Chromium的浏览器自动化CLI工具，支持页面导航、表单填写、截图及数据提取。通过CDP协议实现程序化网页交互，适用于Web应用测试、数据采集及自动化流程。
需要打开网站或进行页面导航
需要填写表单或点击按钮
需要截取网页屏幕截图
需要从网页中提取或抓取数据
需要测试Web应用程序
需要进行登录认证操作
npx skills add zai-org/ZCode --skill agent-browser -g -y
提供基于 shadcn/ui 的 AI 原生应用组件库，用于快速构建聊天界面、消息展示及工具调用等 UI 功能。
用户需要构建 AI 聊天机器人界面
用户希望集成 AI 助手相关的 UI 组件
npx skills add zai-org/ZCode --skill ai-elements -g -y
在ZCode仓库中编辑代码前，用于检查模块边界、生成有界上下文并验证架构决策的设计指南与门禁。
需要修改多个模块的代码
涉及状态所有权变更
存在不明确的接口契约
改变公共API或依赖关系
npx skills add zai-org/ZCode --skill architecture-governance -g -y
用于在修改或删除 TypeScript 导出前，通过 pnpm dep:refs 和 knip 检查符号引用、验证未使用状态及追踪跨包调用者，辅助安全重构。
删除或修改代码前的引用检查
重构时追踪符号导入者
验证导出是否未使用
npx skills add zai-org/ZCode --skill dep-refs -g -y
系统化探索Web应用以发现Bug和UX问题，生成包含截图、视频和复现步骤的结构化报告。支持自动登录与定向测试，适用于QA、探索性测试或应用质量审查场景。
dogfood
QA
exploratory test
find issues
bug hunt
test this app/site/platform
npx skills add zai-org/ZCode --skill dogfood -g -y
管理ZCode桌面端E2E用例全生命周期，涵盖覆盖规划、手动审查自动化、证据捕获回放、Fixture推广及CI准入。用于对话流、SSH等场景的端到端测试维护。
规划E2E测试覆盖范围
运行或回放E2E测试用例
更新测试覆盖率矩阵
npx skills add zai-org/ZCode --skill e2e-case-lifecycle -g -y
用于在实现前分析功能变更的影响范围、梳理产品边界、映射共享组件与状态，并生成影响简报、用例目录及覆盖矩阵，为实施或E2E测试做准备。
分析功能变更的影响范围
梳理产品边界和共享组件
规划测试覆盖和E2E交接
npx skills add zai-org/ZCode --skill feature-boundary-planner -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖消除瀑布流、代码分割及服务端渲染等规则。用于指导编写、审查或重构前端代码以提升性能。
编写新的React组件或Next.js页面
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载速度
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
提供会话管理重构后的设计原则与不变量检查清单，明确CLI与Host的数据归属边界，防止历史Bug复发。
修改会话管理相关代码
涉及sessions-index协议变更
npx skills add zai-org/ZCode --skill session-management -g -y
用于生成、验证和删除大型合成ZCode任务数据，以支持UI渲染、会话性能及快照恢复等测试场景。通过脚本操作本地SQLite数据库，提供安全备份与清理功能，避免手动聊天耗时。
需要测试大规模任务或长对话的UI渲染性能
需要验证会话快照恢复或工具调用渲染能力
进行性能测试且希望避免手动创建大量聊天记录
npx skills add zai-org/ZCode --skill zcode-large-task-fixture -g -y
OpenTUI终端UI开发技能，涵盖核心API、音频、键位映射、React/Solid绑定、组件、布局及插件。提供文档路由指引与学习路径，辅助构建基于OpenTUI的终端应用。
构建终端界面
集成OpenTUI库
配置React或Solid绑定
npx skills add zai-org/ZCode --skill opentui -g -y
提供Vercel工程团队的React和Next.js性能优化指南，涵盖70条规则。用于指导代码编写、审查及重构，确保采用最佳实践以提升应用性能、减少包体积并优化数据获取策略。
编写或审查React/Next.js组件
优化数据获取与渲染性能
减小Bundle体积
重构现有前端代码
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
通过 Chrome DevTools Protocol 自动化控制 Electron 桌面应用（如 VS Code、Slack）。支持启动调试、连接 CDP 端口、元素快照与交互，适用于桌面应用测试或自动化操作场景。
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
指导在React中使用原生View Transition API实现页面过渡、路由变化及组件动画，涵盖共享元素、列表重排等模式，适用于Next.js及标准React环境。
需要添加页面过渡或路由切换动画
实现共享元素动画或组件进入/退出效果
使用React View Transition API进行UI状态动画
npx skills add zai-org/ZCode --skill vercel-react-view-transitions -g -y
