Repolode
제출하기
breaking-brake

breaking-brake/cc-wf-studio

AI 에이전트 워크플로를 시각적으로 설계하고, Claude Code 및 다른 코딩 에이전트용 Markdown 슬래시 명령과 스킬로 내보내는 캔버스 편집기입니다.

GitHub에서 보기웹사이트
스타
5,448
포크
572
열린 이슈
43
마지막 커밋
지난달

어떤 프로젝트인가요?

CC Workflow Studio에서는 노드 기반 캔버스에 AI 에이전트 워크플로를 그린 뒤, 코딩 에이전트가 바로 실행할 수 있는 Markdown 파일로 내보낼 수 있습니다. 내보낸 파일은 Claude Code용 .claude/commands 및 .claude/agents, 다른 에이전트용 .cursor/skills 및 .codex/skills처럼 각 에이전트가 사용하는 폴더에 저장됩니다.

하나의 workflow.json 파일을 세 가지 방식으로 편집할 수 있습니다. VS Code extension의 시각적 편집기, 터미널이나 CI에서 워크플로를 렌더링·검증·미리 보고 실행하는 CLI 도구(ccwf), 그리고 외부 AI 클라이언트가 MCP 도구를 통해 워크플로를 읽고 수정하도록 하는 MCP server(ccwf-mcp)입니다.

이 프로젝트는 서브 에이전트 오케스트레이션, 에이전트 스킬, MCP 도구 통합을 중심으로 구성되어 있습니다. 자연어 요청에 따라 워크플로를 수정하도록 MCP server와 함께 에이전트를 실행하는 Edit with AI 패널도 제공합니다.

핵심 기능

  • 01코드를 작성하지 않고 드래그 앤 드롭으로 에이전트 워크플로를 구성하는 캔버스
  • 02여러 코딩 에이전트용 슬래시 명령, 서브 에이전트, 스킬 내보내기
  • 03MCP server를 통해 AI 에이전트로 워크플로 편집
  • 04워크플로 렌더링, 검증, 미리 보기, 실행을 위한 CLI 도구
  • 05VS Code extension, CLI, MCP server에서 동일한 workflow.json 공유

활용 사례

  • 여러 단계로 이뤄진 코딩 작업을 Claude Code에서 재사용할 수 있는 슬래시 명령으로 만들기
  • 서브 에이전트 파이프라인을 시각적으로 설계하고 프로젝트의 에이전트 폴더로 내보내기
  • VS Code를 열지 않고 MCP를 통해 AI 클라이언트가 워크플로 파일을 다듬도록 하기
  • CI나 SSH 환경에서 워크플로를 검증하고 미리 보기

빠른 시작

  1. 1

    마켓플레이스에서 VS Code 확장 프로그램을 설치하세요

    code --install-extension breaking-brake.cc-wf-studio
  2. 2

    전역 설치 없이 CLI를 사용해 보세요

    npx @cc-wf-studio/cli --help
  3. 3

    워크플로를 읽고 수정할 수 있도록 MCP 서버를 MCP 클라이언트의 .mcp.json에 추가하세요

사용 전 알아둘 점

  • 핵심 확장 프로그램은 AGPL-3.0 라이선스를 적용받으며, 카피레프트 의무가 따릅니다.
  • Claude Code가 아닌 에이전트는 Toolbar의 More 메뉴에서 활성화해야 합니다.
  • 사용 예시는 아직 제공되지 않습니다. README에는 곧 공개될 예정이라고 나와 있습니다.

포함된 컬렉션

Claude Code 도구·스킬·플러그인오픈소스 AI 에이전트 프레임워크와 앱MCP 서버AI 에이전트 스킬 라이브러리

토픽

#ai-agents#claude-code#workflow-automation#mcp#visual-programming#vscode-extension#agent-skills#mcp-tools#slash-commands#sub-agents

자주 묻는 질문

cc-wf-studio은(는) 무엇인가요?
AI 에이전트 워크플로를 시각적으로 설계하고, Claude Code 및 다른 코딩 에이전트용 Markdown 슬래시 명령과 스킬로 내보내는 캔버스 편집기입니다. CC Workflow Studio에서는 노드 기반 캔버스에 AI 에이전트 워크플로를 그린 뒤, 코딩 에이전트가 바로 실행할 수 있는 Markdown 파일로 내보낼 수 있습니다. 내보낸 파일은 Claude Code용 .claude/commands 및 .claude/agents, 다른 에이전트용 .cursor/skills 및 .codex/skills처럼 각 에이전트가 사용하는 폴더에 저장됩니다.
cc-wf-studio은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
cc-wf-studio은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
cc-wf-studio은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. cc-wf-studio의 마지막 커밋은 2026년 10월 7일입니다.
cc-wf-studio은(는) 어디에 사용할 수 있나요?
여러 단계로 이뤄진 코딩 작업을 Claude Code에서 재사용할 수 있는 슬래시 명령으로 만들기 서브 에이전트 파이프라인을 시각적으로 설계하고 프로젝트의 에이전트 폴더로 내보내기 VS Code를 열지 않고 MCP를 통해 AI 클라이언트가 워크플로 파일을 다듬도록 하기 CI나 SSH 환경에서 워크플로를 검증하고 미리 보기
cc-wf-studio는 어떻게 설치하나요?
마켓플레이스에서 VS Code 확장 프로그램을 설치하세요: code --install-extension breaking-brake.cc-wf-studio 전역 설치 없이 CLI를 사용해 보세요: npx @cc-wf-studio/cli --help 워크플로를 읽고 수정할 수 있도록 MCP 서버를 MCP 클라이언트의 .mcp.json에 추가하세요
cc-wf-studio은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/breaking-brake/cc-wf-studio

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트