词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code Grants refactor for Angular portal behavior

Scope refactors in the Grants Applicant Portal, identify callers and tests, then use the project’s roles for implementation and verification.

中文

Install in Claude Code

Open the Grants workspace with its .claude/agents/ roles. The frontend exercise needs the repository’s Angular development and test environment.

  1. Review `.claude/skills/refactor/SKILL.md` and its requirements at the pinned GitHub commit.
  2. Create `.claude/skills/refactor/` in your project and save the reviewed file as `.claude/skills/refactor/SKILL.md`.
  3. Start Claude Code from that project's root, then select `/refactor` in the slash menu.

Example task

In refactor-18, the applicant and organization screens duplicate postal code formatting. Both currently show “V8W 1P6” for “v8w1p6” and use the same submission fields as before.

What to check

Extract the pure formatting function and preserve both callers. Verify {applicant: 'V8W 1P6', organization: 'V8W 1P6'} along with the submission fields and existing tests.

Original SKILL.md on GitHub · Updated

Frequently asked question

When should I inspect the Cypress page objects?

The project’s AutoUI role checks the relevant Cypress specs and page objects when a refactor changes routes, selectors, page elements, or navigation.