메뉴
TypeScript type check validation. Dynamically discovers all projects with tsconfig.json and runs pnpm typecheck on each. Ensures zero type errors. Any project failure = Blocking. Trigger: typecheck TypeScript type error compile error tsc build.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Figma design verification gate. Opens the actual Figma design page via Playwright, extracts structure via visible text/HTML (low token cost), then takes ONE targeted screenshot for visual spot-check. MUST pass before any other code-review doctors run. Trigger: Figma design verification visual comparison design-to-code UI match.
Internationalization compliance detection. Scans JSX for hardcoded English text (missing t() function), ensuring all user-visible text goes through i18next translation. Technical attributes (URLs, test IDs) are exempt. Trigger: i18n internationalization hardcoded string t() translation locale.
React code quality validation. PRIMARY: runs npx react-doctor@0.7.6 (security, performance, correctness, architecture, a11y, bundle size). SUPPLEMENTARY: project-specific convention checks (Redux typed hooks, TanStack Query key factories, React Hook Form, console.log, any type). Trigger: React code quality scan triage cleanup anti-pattern.
Code Review Orchestrator. GATE: figma-doctor verifies design spec match first. On PASS, loads 6 sub-skills in parallel based on scope (frontend|backend|full-stack): typecheck-doctor, react-doctor, style-doctor, boundary-doctor, i18n-doctor, backend-doctor. Each sub-skill is independently composable and can be loaded via use_skill. Trigger: code review PR feedback quality check automated scans anti-pattern detection.
Styling violation detection. Covers hex colors (forbidden), raw Tailwind color names (warning), CSS variable bypass (forbidden), magic numbers (pixel/blur values, warning), Prettier format check (warning). All based on @pawhaven/design-system design token spec. Trigger: style CSS hex color magic number CSS variable bypass design token Prettier format.
Backend code quality detection. Covers: console.log in backend (forbidden, use Logger service), TypeScript any type (forbidden). All Blocking. Trigger: backend NestJS console.log any type backend code quality.
| name | code-review/typecheck-doctor |
| description | TypeScript type check validation. Dynamically discovers all projects with tsconfig.json and runs pnpm typecheck on each. Ensures zero type errors. Any project failure = Blocking. Trigger: typecheck TypeScript type error compile error tsc build. |
| version | 3 |
Ensure zero TypeScript compile-time type errors across all projects.
Dynamically locate all projects that have TypeScript type checking configured:
search_file: pattern="**/tsconfig.json" target_directory=<workspace_root>/apps/ recursive=true
For each tsconfig.json found, derive its package name from the nearest package.json. Build a list of {packageName, projectPath} entries.
If a project's package.json includes a "typecheck" script, include it. Skip projects that have tsconfig.json but no "typecheck" script.
For each project discovered in Step 0, generate a rule:
execute_commandtsconfig.json exists and package.json has "typecheck" scriptpnpm --filter <packageName> typecheck 2>&1
typecheck commands in PARALLEL (one per project).Examples of how <packageName> is derived from apps/<project>/package.json:
| tsconfig.json Location | package.json name | Command |
|---|---|---|
apps/frontend/portal/tsconfig.json | @pawhaven/portal | pnpm --filter @pawhaven/portal typecheck |
apps/frontend/admin/tsconfig.json | @pawhaven/admin | pnpm --filter @pawhaven/admin typecheck |
apps/backend/core-service/tsconfig.json | @pawhaven/core-service | pnpm --filter @pawhaven/core-service typecheck |
These are illustrative examples — actual projects and names are discovered at runtime.