mit einem Klick
clean-code-inspector
React 코드 품질 분석. git diff 기반으로 변경된 코드의 클린 코드 점수 평가. "코드 리뷰", "품질 검사" 등의 요청 시 사용
Menü
React 코드 품질 분석. git diff 기반으로 변경된 코드의 클린 코드 점수 평가. "코드 리뷰", "품질 검사" 등의 요청 시 사용
Basierend auf der SOC-Berufsklassifikation
AI 코드 생성 후 불필요한 코드 정리 스킬. git diff로 변경된 TS/JS 파일을 분석하여 사용되지 않는 코드를 자동 제거한다. 트리거: unused 코드 정리, 불필요한 코드 삭제, dead code 제거, 코드 클린업, AI 작업 후 정리 요청 시
순환 복잡도(Cyclomatic Complexity)가 높은 함수를 인간의 논리적 사고 흐름에 맞게 재구성하는 스킬. "복잡한 함수 정리해줘", "이 함수 읽기 어려워", "순환 복잡도 낮춰줘", "리팩토링 해줘" 등의 요청에 사용. 단순 코드 추출이 아닌 논리적 재구성을 수행하며, 성능보다 가독성과 수정 용이성을 우선시함.
Story 파일에서 컴포넌트 스크린샷 캡처. "/screenshot", "스크린샷 캡처" 등의 요청 시 사용
Deep reasoning skill using Claude Code's Agent Teams. Spawns multiple personas with enforced minimum depth, includes a challenge round where teammates critique each other, and iterates on low-confidence answers. Use when the user prefixes with "deep think", "딥씽크", "깊게 생각해", or requests thorough analysis. Best for complex architecture, debugging, algorithmic, or multi-domain problems. NOT for simple lookups. Requires: CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS=1
디자인 검증 자동화. Figma vs 구현 비교 리포트 생성. "/design-check", "디자인 검증" 등의 요청 시 사용
Figma 디자인 구현 + 검증 파이프라인. figma-to-code 후 design-check 순차 실행. "/figma-pipeline", "피그마 파이프라인" 등의 요청 시 사용
| name | clean-code-inspector |
| description | React 코드 품질 분석. git diff 기반으로 변경된 코드의 클린 코드 점수 평가. "코드 리뷰", "품질 검사" 등의 요청 시 사용 |
| disable-model-invocation | false |
Identify Changes:
git status to see the current state.git diff --name-only (or git diff --cached --name-only if changes are staged) to get the list of modified files..tsx, .ts, .jsx, .js).Analyze Code (adaptive parallelism):
변경 파일 수에 따른 분석 전략:
각 파일을 직접 git diff로 검사하고 Scorecard 프레임워크에 따라 평가합니다.
2-A: 파일 그룹화 변경된 파일들을 디렉토리/기능 영역별로 그룹화합니다:
2-B: 병렬 분석 각 그룹을 Task sub-agent로 동시 분석합니다:
Task call:
subagent_type: "general-purpose"
model: "sonnet"
description: "Analyze code quality for [그룹명]"
run_in_background: true
prompt: |
You are a React Clean Code Inspector. Analyze the following files
for code quality using the React Clean Code Scorecard framework.
Files to analyze: [파일 목록]
Run `git diff -- [파일]` for each file to see the changes.
Evaluate strictly based on these metrics:
- Cyclomatic Complexity (CC): branch count in JSX, nested ternaries
- Component Responsibility Score (CRS): LoC + CC + State Count + Dependency Count
- Cohesion (LCOM4): hook and state connectivity
- Interface Quality: props count, boolean props, naming conventions
- State Architecture: colocation, global state density
For each file, provide:
1. Per-metric scores with measured values
2. Status (양호/주의/위험) for each metric
3. Specific recommendations
Output as structured markdown with the Scorecard table format.
모든 그룹 분석 Task가 완료될 때까지 대기한 후 결과를 수집합니다.
2-C: 결과 통합 오케스트레이터가 모든 그룹의 분석 결과를 통합하여 전체 Scorecard를 생성합니다:
CRITICAL: You must evaluate the code strictly based on the "React Clean Code Scorecard" framework provided below. Do not use generic "clean code" advice; use these specific metrics.
<FRAMEWORK_START>
주관적인 "클린 코드"가 아닌, 정량적이고 객관적인 엔지니어링 지표로 평가합니다.
on 접두사(Props) / handle 접두사(Implementation) 일관성.react-hooks/rules-of-hooks: 0 위반max-lines-per-function: < 100no-console: 0 위반TypeScript noImplicitAny: 0%평가 결과는 아래 표 형식을 포함하여 정리해야 합니다.
| 카테고리 | 평가 항목 | 측정/관찰 값 | 상태 (양호/주의/위험) | 비고 |
|---|---|---|---|---|
| 복잡도 | 순환 복잡도 (CC) | ... | ... | ... |
| 규모 | 라인 수 (LoC) | ... | ... | ... |
| 인터페이스 | Props 개수 | ... | ... | ... |
| 결합도 | Props 드릴링 깊이 | ... | ... | ... |
| 응집도 | LCOM4 (추정) | ... | ... | ... |
| 위생 | 훅 의존성 준수 | ... | ... | ... |
<FRAMEWORK_END>
Generate Report:
clean-code-inspect-result.md in the project root.