binary-agents 1.0.19 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -12
- package/agents/react-principles-reviewer.md +787 -0
- package/bin/cli.js +77 -37
- package/commands/code-review.md +9 -3
- package/commands/design-to-code.md +282 -0
- package/commands/figma-check.md +1 -0
- package/commands/review-pr.md +2 -1
- package/docs/BUILDER_GUIDE.md +1 -0
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -9,21 +9,30 @@ Claude Code 서브에이전트 및 슬래시 명령어 컬렉션 + 동기화 도
|
|
|
9
9
|
## 사용법
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
#
|
|
13
|
-
npx binary-agents
|
|
12
|
+
# 대화형 설치 (권장)
|
|
13
|
+
npx binary-agents
|
|
14
14
|
|
|
15
|
-
#
|
|
16
|
-
npx binary-agents
|
|
15
|
+
# 목록 보기
|
|
16
|
+
npx binary-agents list
|
|
17
|
+
```
|
|
17
18
|
|
|
18
|
-
|
|
19
|
-
npx binary-agents sync --agents
|
|
20
|
-
npx binary-agents sync --commands
|
|
19
|
+
실행하면 대화형으로 설치 옵션을 선택할 수 있습니다:
|
|
21
20
|
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
```
|
|
22
|
+
🤖 Binary Agents 설치
|
|
24
23
|
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
? 어디에 설치하시겠습니까?
|
|
25
|
+
❯ 현재 프로젝트 (.claude/)
|
|
26
|
+
전역 (~/.claude/)
|
|
27
|
+
|
|
28
|
+
? 무엇을 설치하시겠습니까?
|
|
29
|
+
❯ 모두 (에이전트 + 명령어)
|
|
30
|
+
에이전트만
|
|
31
|
+
명령어만
|
|
32
|
+
|
|
33
|
+
? 기존 파일을 삭제하고 새로 설치할까요?
|
|
34
|
+
❯ 예 (기존 파일 삭제)
|
|
35
|
+
아니오 (기존 파일 유지)
|
|
27
36
|
```
|
|
28
37
|
|
|
29
38
|
## 서브에이전트 종류
|
|
@@ -35,6 +44,7 @@ npx binary-agents list
|
|
|
35
44
|
| `junior-checker` | 주니어 개발자 관점 가독성, 네이밍, 복잡도 체크 |
|
|
36
45
|
| `fundamentals-code` | Toss Frontend Fundamentals 기반 (가독성, 예측 가능성, 응집도, 결합도) |
|
|
37
46
|
| `react-performance-optimizer` | React 리렌더, 메모이제이션, 훅 최적화 분석 |
|
|
47
|
+
| `react-principles-reviewer` | React 개발 원칙 (응집도/명시성, Props 관리, 네이밍, 부수효과, AsyncBoundary) |
|
|
38
48
|
| `subagent-builder` | 커스텀 서브에이전트 빌더 |
|
|
39
49
|
|
|
40
50
|
## 슬래시 명령어
|
|
@@ -46,6 +56,7 @@ npx binary-agents list
|
|
|
46
56
|
| `/pr` | 브랜치 변경사항 분석 후 PR 자동 생성 |
|
|
47
57
|
| `/review-pr` | PR 링크를 받아 변경사항 분석 후 GitHub 스타일 라인별 코드 리뷰 |
|
|
48
58
|
| `/code-review` | 여러 에이전트를 병렬 실행하여 종합 코드 리뷰 |
|
|
59
|
+
| `/design-to-code` | 설계/요구사항을 분석하여 구현 계획 생성 |
|
|
49
60
|
| `/figma-check` | Figma MCP로 디자인 정보를 가져와 구현 코드와 비교 분석 |
|
|
50
61
|
|
|
51
62
|
### /commit 사용법
|
|
@@ -103,7 +114,7 @@ Claude가 자동으로:
|
|
|
103
114
|
Claude가 자동으로:
|
|
104
115
|
1. PR 정보 및 diff 가져오기
|
|
105
116
|
2. 리뷰 타입 선택 (전체 리뷰/커스텀)
|
|
106
|
-
3.
|
|
117
|
+
3. 6개 에이전트를 병렬 실행하여 분석
|
|
107
118
|
4. GitHub 스타일 라인별 코드 리뷰 생성
|
|
108
119
|
|
|
109
120
|
### /code-review 사용법
|
|
@@ -119,6 +130,27 @@ Claude가 자동으로:
|
|
|
119
130
|
3. 결과 집계 및 우선순위 정렬
|
|
120
131
|
4. 종합 리뷰 리포트 생성
|
|
121
132
|
|
|
133
|
+
### /design-to-code 사용법
|
|
134
|
+
|
|
135
|
+
```bash
|
|
136
|
+
# 1. 먼저 설계/요구사항 설명
|
|
137
|
+
"사용자 프로필 페이지를 만들어야 해.
|
|
138
|
+
- 프로필 이미지, 이름, 이메일 표시
|
|
139
|
+
- 프로필 수정 모달
|
|
140
|
+
- 비밀번호 변경 기능"
|
|
141
|
+
|
|
142
|
+
# 2. Claude Code에서 /design-to-code 실행
|
|
143
|
+
/design-to-code
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
Claude가 자동으로:
|
|
147
|
+
1. 대화 컨텍스트에서 설계/요구사항 파악
|
|
148
|
+
2. Explore 에이전트로 코드베이스 분석
|
|
149
|
+
3. Plan 에이전트로 구현 계획 수립
|
|
150
|
+
4. fundamentals-code, refactor-analyzer로 설계 검증
|
|
151
|
+
5. React 프로젝트면 react-principles-reviewer도 실행
|
|
152
|
+
6. 종합 구현 계획 리포트 생성
|
|
153
|
+
|
|
122
154
|
## 저장소 구조
|
|
123
155
|
|
|
124
156
|
```
|
|
@@ -129,6 +161,7 @@ binary-agents/
|
|
|
129
161
|
│ ├── junior-checker.md
|
|
130
162
|
│ ├── fundamentals-code.md
|
|
131
163
|
│ ├── react-performance-optimizer.md
|
|
164
|
+
│ ├── react-principles-reviewer.md
|
|
132
165
|
│ └── subagent-builder.md
|
|
133
166
|
├── commands/ # 슬래시 명령어 MD 파일들
|
|
134
167
|
│ ├── commit.md
|
|
@@ -136,6 +169,7 @@ binary-agents/
|
|
|
136
169
|
│ ├── pr.md
|
|
137
170
|
│ ├── review-pr.md
|
|
138
171
|
│ ├── code-review.md
|
|
172
|
+
│ ├── design-to-code.md
|
|
139
173
|
│ └── figma-check.md
|
|
140
174
|
├── bin/ # CLI 실행 파일
|
|
141
175
|
├── src/ # CLI 소스 코드
|