Agent Skills
› zai-org/ZCode
zai-org/ZCode
GitHub提供基于Chrome/Chromium的浏览器自动化CLI，支持页面导航、表单填写、截图及数据提取。适用于网站交互、Web应用测试及程序化网页操作场景。
Install All Skills
npx skills add zai-org/ZCode --all -g -y
Skills in Collection (8)
提供基于Chrome/Chromium的浏览器自动化CLI，支持页面导航、表单填写、截图及数据提取。适用于网站交互、Web应用测试及程序化网页操作场景。
open a website
fill out a form
take a screenshot
scrape data from a page
test this web app
automate browser actions
npx skills add zai-org/ZCode --skill agent-browser -g -y
提供基于 shadcn/ui 的 AI 组件库安装与使用指南，帮助开发者快速构建聊天机器人、AI 助手等 AI 原生应用的前端界面。
需要构建 AI 聊天界面
集成 AI 对话组件
npx skills add zai-org/ZCode --skill ai-elements -g -y
在代码修改前强制执行架构治理，通过生成有界上下文包、检查模块层级边界及报告违规项，确保设计决策符合规范。适用于任何代码变更场景，排除纯文档工作。
准备进行代码修改
涉及跨模块或状态所有权变更
npx skills add zai-org/ZCode --skill architecture-governance -g -y
用于在重构或删除TypeScript导出前，通过CLI工具分析符号级别的引用关系、列出文件导出及验证未使用情况，确保变更安全。
删除或修改TypeScript导出
重构代码时追踪导入来源
验证导出是否未被使用
npx skills add zai-org/ZCode --skill dep-refs -g -y
用于系统化探索Web应用以发现Bug和UX问题，生成包含截图、视频及复现步骤的结构化报告。
dogfood
QA
exploratory test
find issues
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组件代码
进行数据获取逻辑实现
执行代码重构以优化性能
分析并减小Bundle体积
npx skills add zai-org/ZCode --skill vercel-react-best-practices -g -y
自动化操作 Electron 桌面应用（如 Slack、VS Code），通过启用远程调试端口连接 CDP，执行页面快照、元素交互及截图等任务。
自动化桌面应用
控制 Electron 应用
测试 Electron 应用
连接原生应用
npx skills add zai-org/ZCode --skill electron -g -y
