Agent Skills
› pierrecomputer/pierre
pierrecomputer/pierre
GitHub提供网页自动化能力，支持打开页面、点击、填写表单及快照验证。适用于需要渲染页面、真实DOM状态或交互式验证的场景，可操作本地开发服务器及浏览器环境。
Install All Skills
npx skills add pierrecomputer/pierre --all -g -y
Skills in Collection (11)
提供网页自动化能力，支持打开页面、点击、填写表单及快照验证。适用于需要渲染页面、真实DOM状态或交互式验证的场景，可操作本地开发服务器及浏览器环境。
需要自动化操作网页元素
进行基于浏览器的功能验证
获取页面实时DOM状态
npx skills add pierrecomputer/pierre --skill browser-automation -g -y
指导在仓库中准备、拆分和审查Git提交，特别适用于大型实现后的独立验证。提供符合规范的提交消息模板、描述撰写技巧及提交边界原则，确保每次提交可独立理解且易于审查。
准备或创建git提交
拆分大型实现为多个独立提交
审查git提交消息
npx skills add pierrecomputer/pierre --skill git-commits -g -y
指导优化循环、集合处理及遍历逻辑，避免嵌套循环和O(n^2)操作。建议预计算昂贵值、使用索引或反向扫描，并在布尔逻辑变更后简化控制流以提升性能与正确性。
修改循环结构
处理集合数据
调整无效化逻辑
树或Diff遍历
虚拟渲染计算
npx skills add pierrecomputer/pierre --skill performance -g -y
提供代码变更后的测试与验证指南，涵盖格式化、Lint、类型检查及基于Bun的单元测试。指导何时使用Playwright进行E2E测试及快照更新策略，确保代码质量。
添加或运行测试用例
检查或更新测试快照
选择测试工具（Bun或Playwright）
执行代码格式化和Lint检查
npx skills add pierrecomputer/pierre --skill testing-and-verification -g -y
规范仓库工具链管理、包操作及依赖目录策略，明确 pnpm 与 Bun 的使用场景，定义 moon 任务执行流程，确保版本一致性与标准化开发体验。
添加或修改项目依赖
编辑 package.json 文件
运行构建或测试脚本
发布 npm 包
npx skills add pierrecomputer/pierre --skill tooling-and-dependencies -g -y
指导在 TypeScript Monorepo 中管理项目结构、配置及依赖关系。涵盖 tsconfig 设置、moon 构建工具集成、workspace 依赖管理及发布规范，确保类型检查与构建流程的正确性。
添加或修改 monorepo 中的包/应用
配置 TypeScript 编译器选项
管理工作区内部或外部依赖
处理项目间的引用关系
npx skills add pierrecomputer/pierre --skill typescript-monorepo -g -y
管理本地并行开发工作树，提供端口偏移、进程清理及 E2E 调试实例隔离工具，确保多环境互不干扰。
需要创建或管理工作树进行并行开发
启动或停止开发服务器及 E2E 测试
清理僵尸进程或释放被占用的端口
npx skills add pierrecomputer/pierre --skill worktrees-and-dev-servers -g -y
用于渲染语法高亮代码文件、差异对比、补丁及合并冲突，支持React、SSR、Worker及自定义主题，提供编辑和审查界面功能。
需要渲染或编辑代码差异
构建代码审查界面
处理合并冲突可视化
npx skills add pierrecomputer/pierre --skill diffs -g -y
用于在 Shiki、VS Code、Cursor 或 Zed 等编辑器中加载和配置 Pierre 语法及界面主题，支持亮暗色模式及多种色盲适配变体。
需要为编辑器或应用选择并加载特定颜色主题
需要在运行时切换 UI 主题或跟随系统颜色模式
npx skills add pierrecomputer/pierre --skill theme -g -y
管理应用运行时主题，支持颜色模式切换、主题状态持久化及 UI 色彩映射。提供 React 和原生 JS 集成方案，涵盖主题集合创建、解析器配置及多控制器架构。
需要实现深色/浅色模式切换
管理应用主题状态或颜色变量
npx skills add pierrecomputer/pierre --skill theming -g -y
用于在应用中渲染和交互控制文件树，支持 React、Vanilla JS、SSR 及 Web Components。提供搜索、重命名、拖拽、Git 状态显示及主题配置功能。
需要渲染交互式文件树
实现文件选择、搜索或拖拽功能
集成 @pierre/trees 库
npx skills add pierrecomputer/pierre --skill trees -g -y
