메뉴
Use when selecting, running, or triaging frontend test suites.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use BEFORE building or changing any UI — components, layout, color, spacing, typography, interaction states, or visual styling — to verify the planned change matches the Figma design via the Figma MCP. Run this gate before writing or editing UI code.
Use when placing features, repositories, hooks, or fixing dependency-cruiser errors.
Use when validating frontend changes before commit, push, or PR.
Use when placing, moving, naming, or splitting frontend files.
Use when retrieving or addressing PR review comments.
Use when frontend files, components, hooks, or helpers exceed complexity gates.
| name | testing-workflow |
| description | Use when selecting, running, or triaging frontend test suites. |
| Need | Command |
|---|---|
| All unit tests | make test-unit-all |
| Client unit tests | make test-unit-client |
| Server/Apollo tests | make test-unit-server |
| Integration tests | make test-integration |
| E2E tests | make test-e2e |
| Visual regression | make test-visual |
| Update visual snapshots | make test-visual-update |
| Memory leaks | make test-memory-leak |
| Mutation | make test-mutation |
make format and make lint.Before applying this skill, confirm the active task against ../AI-AGENT-GUIDE.md and ../SKILL-DECISION-GUIDE.md so every relevant skill is consulted.
Before presenting changes, check changed text files for lines longer than 100 characters.
If any exist, tell the user each path:line and measured character count.
Treat this as disclosure, not failure, unless a project gate fails.