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
规范仓库工具链、包管理及依赖配置。指导使用proto管理版本，强制pnpm与catalog模式添加依赖，定义moon任务执行流程，确保构建环境一致性与依赖管理规范。
安装或更新项目依赖
修改package.json或pnpm-workspace.yaml
运行构建、测试或发布脚本
配置本地开发环境工具链
npx skills add pierrecomputer/pierre --skill tooling-and-dependencies -g -y
指导在 TypeScript Monorepo 中管理包、应用、TS 配置及工作区依赖。涵盖项目引用、pnpm workspace 规则及发布前检查，确保类型检查准确与构建高效。
添加新的包或应用
修改 TypeScript 配置文件
管理工作区内部依赖
调整 monorepo 项目引用关系
npx skills add pierrecomputer/pierre --skill typescript-monorepo -g -y
提供 git worktree 管理、开发服务器端口偏移配置及清理僵尸进程的工具，防止多工作区资源冲突。
创建或管理工作区隔离环境
启动本地开发服务器
清理残留的开发服务进程
npx skills add pierrecomputer/pierre --skill worktrees-and-dev-servers -g -y
用于渲染语法高亮的代码文件、差异、补丁及合并冲突，支持React、SSR和Worker等场景，提供代码视图审查与编辑能力。
需要渲染代码差异或补丁
构建代码审查界面
编辑代码文件或查看合并冲突
npx skills add pierrecomputer/pierre --skill diffs -g -y
提供 @pierre/theme 包的使用指南，涵盖 Shiki、VS Code 等编辑器的主题安装与配置，支持多种色盲模式及深浅色变体。
需要为应用或编辑器配置 Pierre 主题
查询 Shiki 或 VS Code 的主题集成方法
npx skills add pierrecomputer/pierre --skill theme -g -y
用于管理应用运行时主题，支持颜色模式切换、主题状态持久化及 UI 色彩映射。适用于 React 或原生 JS 环境下的主题集合创建、解析与控制器配置。
需要实现深色/浅色模式切换
管理应用主题状态和颜色映射
集成 @pierre/theming 库
npx skills add pierrecomputer/pierre --skill theming -g -y
提供 @pierre/trees 库的使用指南，涵盖文件树渲染、交互功能及多框架适配。
使用 @pierre/trees 渲染或控制文件树
实现文件树的搜索、重命名、拖拽等功能
npx skills add pierrecomputer/pierre --skill trees -g -y
