Agent Skills
› pierrecomputer/pierre
pierrecomputer/pierre
GitHub用于通过agent-browser工具自动化网页操作，包括打开页面、点击、填写表单及快照验证，适用于需要渲染页面或真实DOM状态的交互测试与验证场景。
Install All Skills
npx skills add pierrecomputer/pierre --all -g -y
Skills in Collection (11)
用于通过agent-browser工具自动化网页操作，包括打开页面、点击、填写表单及快照验证，适用于需要渲染页面或真实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）和快照更新，确保代码质量与验证范围。
添加或运行测试
检查或更新快照
选择测试框架
执行代码验证流程
npx skills add pierrecomputer/pierre --skill testing-and-verification -g -y
规范仓库工具链、包管理及任务执行。规定使用proto管理版本，pnpm进行依赖操作并采用catalog模式，Bun作为运行时，moon定义构建测试等任务流程。
添加或修改项目依赖
编辑 package.json 或 pnpm-workspace.yaml
安装或发布软件包
运行构建、测试或 lint 任务
npx skills add pierrecomputer/pierre --skill tooling-and-dependencies -g -y
指导在 TypeScript Monorepo 中管理包、应用及配置。涵盖 tsconfig 项目引用、pnpm workspace 依赖、moon 构建任务配置，以及发布前的 exports 和 peer deps 审查规范。
添加新包或应用
修改 TypeScript 配置
设置工作区依赖
更新项目引用关系
npx skills add pierrecomputer/pierre --skill typescript-monorepo -g -y
管理 Pierre 工作树及开发服务器，处理端口偏移、僵尸进程清理和 E2E 测试环境隔离，确保并行开发时资源不冲突。
需要创建或管理工作树
启动或停止开发服务器
清理端口占用或僵尸进程
运行 E2E 测试或 Chrome 调试实例
npx skills add pierrecomputer/pierre --skill worktrees-and-dev-servers -g -y
用于渲染语法高亮文件、差异对比及代码审查界面的库，支持React、原生JS、SSR和Web Worker。提供编辑、选择、注释及自定义主题功能，适用于构建代码查看器和合并冲突处理等场景。
需要渲染代码文件或diff内容
构建代码审查界面或CodeView
处理合并冲突展示
实现代码编辑器功能
npx skills add pierrecomputer/pierre --skill diffs -g -y
用于在Shiki、VS Code、Cursor或Zed等编辑器中应用Pierre主题，支持亮色/暗色及多种色盲变体，帮助用户快速加载和配置运行时主题切换。
需要在编辑器或代码高亮工具中配置主题
需要实现应用内主题或颜色模式的动态切换
npx skills add pierrecomputer/pierre --skill theme -g -y
用于管理应用运行时主题，支持列出、解析、切换、持久化和应用主题，涵盖颜色模式、控制器及 React 状态集成。
需要配置或切换应用的主题和颜色模式
实现主题状态的持久化与同步
在 React 中集成主题控制器
npx skills add pierrecomputer/pierre --skill theming -g -y
提供交互式文件树渲染能力，支持React、JS、SSR及Web Components。涵盖选择、搜索、重命名、拖拽、图标显示、Git状态集成及主题配置，适用于各类前端应用的文件目录展示与交互需求。
需要在前端项目中渲染可交互的文件树结构
实现文件树的搜索、重命名或拖拽功能
在React、SSR或Web Components中集成文件浏览组件
npx skills add pierrecomputer/pierre --skill trees -g -y
