Claude Code Grants refactor：重构 Angular 门户并核对行为
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/refactor/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/refactor/`，把核对后的文件保存为 `.claude/skills/refactor/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/refactor`。
中文摘要
为 Grants Applicant Portal 梳理重构范围，确认调用者和已有测试，再由项目内对应角色实施和验证。
SKILL.md 中文导读
可复现示例
样例 refactor-18 的申请人和机构页面各有一段相同的邮编格式化逻辑。两页输入“v8w1p6”时都显示“V8W 1P6”，提交字段不变。工作步骤
- 盘点调用者和现有测试，提交保留行为的重构方案。
- 按确认后的方案提取共享行为，复测受影响的前端并核对相关页面对象。
验收方法
计划把纯格式化函数提取到共享模块，保留两个调用点。验收检查 {applicant: 'V8W 1P6', organization: 'V8W 1P6'}，并核对提交字段和现有测试。
GitHub 原文 · 更新日期
适用环境
打开包含 .claude/agents/ 项目角色的 Grants 工作区。前端示例需要仓库的 Angular 开发和测试环境。
常见问题
什么时候应核对 Cypress 页面对象？
重构涉及路由、选择器、页面元素或导航时，项目的 AutoUI 角色会检查相关 Cypress 测试和页面对象。