Agent Skills
› pierrecomputer/pierre
pierrecomputer/pierre
GitHub用于自动化操作网页，包括打开、点击、填充和快照等，适用于本地开发服务器及基于浏览器的验证场景。
安装全部 Skills
npx skills add pierrecomputer/pierre --all -g -y
集合内 Skills (11)
用于自动化操作网页，包括打开、点击、填充和快照等，适用于本地开发服务器及基于浏览器的验证场景。
需要模拟用户与网页交互
进行前端页面行为验证
获取渲染后的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任务执行规范，确保本地与CI环境一致，避免直接修改package.json。
添加或更改依赖
编辑 package.json
安装或发布包
决定使用 pnpm 还是 Bun
配置工具链版本
npx skills add pierrecomputer/pierre --skill tooling-and-dependencies -g -y
指导在 TypeScript Monorepo 中管理包、应用及配置。涵盖 tsconfig 项目引用、workspace 依赖设置（pnpm/moon）及发布规范，确保类型检查与构建流程正确。
添加新的包或应用
修改 TypeScript 配置
设置工作区内部依赖
调整项目引用关系
npx skills add pierrecomputer/pierre --skill typescript-monorepo -g -y
管理Pierre工作树与开发服务器，处理端口偏移、僵尸进程清理及Playwright/Chrome调试实例的生命周期，确保本地并行开发环境隔离。
创建或管理工作树
启动开发服务器
清理端口占用或僵尸进程
运行E2E测试或调试
npx skills add pierrecomputer/pierre --skill worktrees-and-dev-servers -g -y
用于渲染语法高亮代码文件、差异对比及合并冲突的库，支持React、原生JS、SSR和Worker模式，提供编辑器、注释选择和自定义主题能力。
需要渲染代码差异或补丁
构建代码审查界面
编辑代码文件或行
npx skills add pierrecomputer/pierre --skill diffs -g -y
提供Pierre主题库的集成指南，支持Shiki、VS Code等编辑器的语法高亮与UI配色，涵盖多种色盲适配变体及运行时切换场景。
需要为编辑器或应用配置代码高亮主题
需要实现应用界面的明暗模式或色彩变体切换
npx skills add pierrecomputer/pierre --skill theme -g -y
管理运行时主题，支持颜色模式切换、主题解析、状态持久化及UI色彩映射。提供React和原生JS集成方案，适用于多控制器场景下的主题配置与应用。
需要实现应用的主题切换功能
需要管理亮色/暗色模式状态
需要配置或解析主题集合
npx skills add pierrecomputer/pierre --skill theming -g -y
用于集成 @pierre/trees 库以渲染交互式文件树，支持 React、JS、SSR 等环境，提供选择、搜索、重命名、拖拽及 Git 状态等功能。
需要实现文件树组件时
使用 @pierre/trees 进行 UI 开发时
npx skills add pierrecomputer/pierre --skill trees -g -y
