Agent Skills
› github/replica
github/replica
GitHub用于实现从 Replica 原型画布捕获的批量代码改进请求。流程包括验证元数据、提取待处理线程、执行具体修改并返回每个线程的完成或阻塞状态，确保仅处理指定批次内的变更。
Install All Skills
npx skills add github/replica --all -g -y
Skills in Collection (31)
用于实现从 Replica 原型画布捕获的批量代码改进请求。流程包括验证元数据、提取待处理线程、执行具体修改并返回每个线程的完成或阻塞状态，确保仅处理指定批次内的变更。
收到包含 checkout, branch, batchId 和 noteCount 的 Fix all 请求
需要从 Replica 画布中检索并执行预定义的批量代码优化任务
npx skills add github/replica --skill replica-pick-and-polish -g -y
用于通过现有工作流和 Hub Build 发布 Replica 原型。根据验证后的目标 JSON 和发布模式，执行 Git 状态检查、指纹比对及分支推送，确保仅发布指定提交且不破坏无关文件。
需要发布 Replica 原型画布
包含已验证的目标 JSON 和发布模式的请求
npx skills add github/replica --skill replica-publish-prototype -g -y
用于审查 Hub 反馈以提取可复用设计主题，通过发现、独立评判和综合实现。仅执行审查与交接，不涉及诊断、优化或修复。
请求审查 Hub 反馈
需要汇总设计主题建议
npx skills add github/replica --skill review-hub-feedback -g -y
指导代理基于项目贡献指南、编码规范及测试审查标准，对代码、测试、工作流或文档的拉取请求进行安全且严谨的代码审查。
需要审查代码变更时
评估拉取请求中的测试或文档修改时
npx skills add github/replica --skill code-review -g -y
用于编写高质量回归测试、验证新行为或修改现有自动化测试。涵盖确立契约、选择独立测试编写者及编写验证流程，确保测试覆盖distinct回归用例并符合项目规范。
添加回归测试覆盖
测试新功能行为
修改现有自动化测试
npx skills add github/replica --skill write-tests -g -y
用于查找和应用 CoreAI 设计系统文档，辅助选择或审查 React 组件、属性及 UI 模式。提供获取文档索引、版本比对及安全读取指引。
选择 @coreai-ds/react-components 组件时
审查组件 props、主题或 UI 模式时
npx skills add github/replica --skill coreai-ds-fluentui-react -g -y
指导如何编辑CSS文件，强调先读取关联TSX，使用CSS Modules和容器查询，遵循分层架构，避免全局样式和!important。
编辑任何.css或.module.css文件
为新组件编写样式
npx skills add github/replica --skill css-styling -g -y
提供 Fluent UI 图标选型、命名及打包规范。指导在 TSX 中通过 CLI 搜索已安装包或在线仓库获取图标，推荐动态缩放图标并演示 bundleIcon 用法。
需要选择或更换图标名称
在 TSX 文件中添加或修改图标
需要将图标打包为组合组件
npx skills add github/replica --skill icons -g -y
将渲染后的HTML类名映射回源代码，用于解析CSS Modules、Fluent UI和Griffel生成的样式，辅助Playwright DOM检查及浏览器样式调试。
检查Playwright DOM输出
在浏览器中调试样式
逆向工程粘贴的HTML
npx skills add github/replica --skill interpreting-html -g -y
用于对 CoreAI 应用进行类型检查和代码 lint，执行 TypeScript 类型检查及 ESLint 扫描，修复相关错误并验证结果。
用户要求 'lint'
用户要求 'fix lint'
用户要求 'run the linters'
用户要求 'check types'
代码变更后需要验证
npx skills add github/replica --skill lint -g -y
辅助设计师通过自然语言创建页面设计变体，利用内置特性系统实现布局或样式对比，无需自定义切换逻辑。
尝试不同布局
创建选项B或版本2
并排比较设计
添加A/B替代方案
npx skills add github/replica --skill new-variant -g -y
指导在 React 项目中正确导入和使用 UI 组件，区分 CoreAI 包与本地适配器的边界，强调查阅官方文档而非依赖默认行为，确保语义化使用链接和按钮。
编辑 .tsx 文件
选择或引入 UI 组件
编写组件导入语句
npx skills add github/replica --skill react-components -g -y
提供基于 React Router v7 的单页应用路由配置规范，指导如何编辑 routes.ts、添加或修改路由路径及导航结构。
编辑 app/routes.ts 文件
添加或删除路由
更改应用导航逻辑
npx skills add github/replica --skill routing -g -y
启动 CoreAI Sandbox 开发服务器并打开浏览器。处理依赖安装、端口冲突检测、后台进程管理及就绪验证，确保应用正常运行。
用户要求启动应用或运行开发服务器
需要检查本地开发环境状态
npx skills add github/replica --skill start-app -g -y
基于 TanStack Query 和 Mock JSON 的前端数据层方案，用于封装数据获取 Hook、管理本地缓存及连接组件状态。
编辑数据获取 Hook
添加 Mock 数据
将组件连接到查询状态
npx skills add github/replica --skill state-management -g -y
共享上下文模板库，为setup-skills提供研究输入。包含设计、产品、仓库等文档索引，指导如何根据消费方需求选择并读取相关上下文文档，确保研究输入的准确性和边界。
需要发现或选择上下文文档时
配置setup-skills的研究源时
npx skills add github/replica --skill context-templates -g -y
用于对组件和路由进行 WCAG 无障碍审计，检查键盘导航、焦点、对比度及屏幕阅读器兼容性。基于现有设计系统和仓库证据执行只读审查，不自动修复或发布。
用户请求无障碍审计
要求检查 a11y 合规性
需要键盘或焦点审查
要求对比度检查
验证屏幕阅读器支持
npx skills add github/replica --skill accessibility-audit -g -y
用于创建或更新确定性原始测试数据和场景，确保不破坏现有原型。适用于添加、修改fixtures、种子数据、示例数据及跨记录关系等需求，强调数据的真实性和稳定性。
需要添加测试用的种子数据
要求更新或生成模拟场景
请求修改fixtures或示例数据
npx skills add github/replica --skill add-seed-data -g -y
用于在标准浏览器能力不可用时的显式 CLI 检查，执行只读验证、上下文解析及驱动预检，严禁自动修复或安装依赖。
需要特定浏览器能力但 Canvas 或 MCP 无法提供
用户明确要求使用 CLI 进行独立检查
npx skills add github/replica --skill agent-browser -g -y
基于浏览器画布进行UI渲染、交互及可访问性验证，无画布时回退至Playwright MCP。仅执行只读检查，不修改代码或部署，确保视觉与响应式表现符合预期。
需要验证前端页面渲染效果
检查用户交互流程
评估响应式布局或无障碍访问性
npx skills add github/replica --skill browser-canvas-validation -g -y
审查UI组件的设计系统一致性、状态、响应式及无障碍性，基于消费者上下文进行只读审计，不执行修改。
要求审查组件质量
检查设计系统合规性
审计组件一致性
npx skills add github/replica --skill component-design-system-review -g -y
用于构建新的UI原型或对现有原型进行针对性修改，支持创建、迭代及细化界面元素。
构建新的UI原型
对现有原型进行修改或细化
npx skills add github/replica --skill create-prototype -g -y
用于根据现有决策和证据编写轻量级 Markdown 开发者交接文档。适用于将原型或概念转移给其他团队，或为实施准备简报的场景，不用于常规原型构建、审查或发布。
明确要求编写开发者交接文档
需要将原型或概念转移给其他团队
需要为实施准备简报
npx skills add github/replica --skill developer-handoff -g -y
将审查反馈转化为可复用的仓库改进建议。仅响应明确请求，通过只读调查现有规范生成方案，需用户显式批准后才执行编辑，不涉及环境变更或原型修复。
用户请求基于审查发现提供解决方案或改进提案
审查流程完成后需要整理并输出具体的指导方针建议
npx skills add github/replica --skill prepare-feedback-proposals -g -y
指导基于仓库上下文和设计系统的产品与UI设计决策，涵盖布局、交互、无障碍及响应式设计等场景。
design guidance
how to design
UI pattern
product design
scenario pattern
confirmation dialog
delete flow
copy to clipboard
filter
search
npx skills add github/replica --skill product-design -g -y
用于创建和配置 Replica 原型控制面板中的交互控件（如下拉框、滑块等），将其绑定至应用状态或数据源，以支持变体切换、场景模拟及 UI 显隐控制。
需要添加或修改原型配置的下拉菜单、滑块、输入框、开关或按钮
需要为原型设置变量、场景、可见性规则或数据源切换逻辑
npx skills add github/replica --skill prototype-controls -g -y
用于审计UI布局、溢出及导航在指定视口下的响应式表现，检测断点行为。需读取上下文文档并使用浏览器工具验证，输出详细审计报告。
检查响应式布局
测试移动端显示效果
审计断点行为
npx skills add github/replica --skill responsive-audit -g -y
用于审查设计主题反馈，通过发现、独立评判和综合提供交接报告。仅做评估，不进行诊断或优化，确保不修改仓库且保护隐私数据。
请求审查Hub反馈
需要独立第三方对设计主题进行评判
npx skills add github/replica --skill review-hub-feedback -g -y
配置共享模板库的源和草稿，支持源码修复、工具安装及上下文刷新。涵盖配置、写作和刷新等阶段，需严格遵循流程并处理版本迁移。
配置共享模板源
编写或刷新上下文草稿
执行全新或保留现有设置的安装
应用已审核的草稿
npx skills add github/replica --skill setup-skills -g -y
基于产品与设计系统规范审查页面层级、布局密度及状态设计，评估任务传达清晰度。需读取上下文配置与证据，提供只读评审意见，不自动执行修改。
请求视觉设计评审
页面批评
新页面任务传达清晰性评估
npx skills add github/replica --skill visual-design-review -g -y
指导开发者使用内置功能/变体系统进行原型设计，支持多UI方案切换、A/B测试及并行展示。禁止自建切换逻辑，强制通过配置和Hook实现设计替代方案的快速迭代与对比。
尝试不同布局或设计方案
创建选项B或版本2
并排比较多个设计
添加A/B测试或设计替代方案
探索功能的替代版本
npx skills add github/replica --skill features-variants -g -y
