Visual workflow builder for Claude Code agents and skills
npm install makeccClaude Code 기반의 비주얼 워크플로우 빌더입니다. 노드 기반 UI로 AI 에이전트 워크플로우를 설계하고 실행할 수 있습니다.
이 프로젝트는 Claude Code 플러그인으로 사용할 수 있습니다.
| 스킬 | 설명 |
|------|------|
| /visual-builder | Visual Workflow Builder 실행 |
| /git-commit-push | Git 커밋 및 푸시 |
| /skill-creator | 새로운 스킬 생성 |
| /subagent-creator | 서브 에이전트 생성 |
| /slash-command-creator | 슬래시 커맨드 생성 |
| /hook-creator | 훅 생성 |
Claude Code에서 다음과 같이 사용:
``
/visual-builder
- 노드 기반 워크플로우 설계: 드래그 앤 드롭으로 워크플로우 구성
- 다양한 노드 타입: Input, Subagent, Skill, MCP, Output
- 실시간 실행: 로컬에서 워크플로우 실행 및 결과 확인
- 콘솔 로그: 실행 과정 실시간 모니터링
- 파일 다운로드: 결과물 마크다운 파일로 다운로드
`bash`
npm install
.env 파일에 API 키 설정:
`env`
VITE_ANTHROPIC_API_KEY=your-api-key-here
`bash``
npm run dev
- React + TypeScript
- Vite
- React Flow (@xyflow/react)
- Tailwind CSS
- Anthropic SDK
MIT