# FlowCoder: Claude Code와 Codex를 위한 시각적 워크플로우 기반 프로그래밍 자동화 도구 (Visual Programming Environment) **URL:** \ **Category:** 읽을거리&정보공유\ **Tags:** workflow-builder, flowcoder, visual-programming-environment\ **Created:** [12월 6, 2025, 5:30오전 UTC](https://discuss.pytorch.kr/t/flowcoder-claude-code-codex-visual-programming-environment/8361 "2025-12-06T05:30:02Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![9bow](https://discuss.pytorch.kr/user_avatar/discuss.pytorch.kr/9bow/32/16301_2.png) [@9bow](https://discuss.pytorch.kr/u/9bow)\ **Post date:** [12월 6, 2025, 5:30오전 UTC](https://discuss.pytorch.kr/t/flowcoder-claude-code-codex-visual-programming-environment/8361/1 "2025-12-06T05:30:02Z")
![FlowCoder: Claude Code와 Codex를 위한 시각적 워크플로우 자동화 도구](https://discuss.pytorch.kr/uploads/default/original/2X/5/55ff3222228ffebf5b0a8e7b0484014515dccbe6.jpeg) ## FlowCoder 소개 **FlowCoder** 는 대화형 AI 코딩 도구인 **Claude Code** 와 **Codex** 를 위한 시각적 프로그래밍 환경(Visual Programming Environment)입니다. 텍스트 기반의 선형적인 채팅 인터페이스에서 벗어나, 복잡한 코딩 작업을 순서도(Flowchart) 형태로 설계하고 실행할 수 있게 해주는 오픈 소스 도구입니다. 사용자는 프롬프트 전송, Bash 명령어 실행, 분기 처리(Branching) 등의 작업을 블록 형태로 배치하여 자신만의 '코딩 에이전트' 워크플로우를 만들 수 있습니다. 이는 단순한 코드 생성을 넘어, AI가 코드를 작성하고(Implement), 테스트하며(Test), 오류를 수정하는(Fix) 일련의 과정을 자동화된 루프(Loop)로 구현할 수 있게 돕습니다. ![image](https://discuss.pytorch.kr/uploads/default/original/2X/b/bc747540b78e0f1356cd094213b4b423d8c04924.png) 최근 개발자들 사이에서 AI에게 코딩을 맡기고 조율하는 'Vibe Coding'이 유행하고 있습니다. 하지만 채팅창 하나에서 모든 컨텍스트를 유지하며 복잡한 리팩토링이나 반복적인 테스트-수정 작업을 수행하기에는 한계가 있었습니다. FlowCoder는 이러한 작업을 구조화하여, 개발자가 더 큰 규모의 자율 코딩 에이전트 시스템을 실험하고 구축할 수 있도록 돕기 위해 개발되었습니다. 현재는 초기 알파 버전(v0)으로 공개되었습니다. ## FlowCoder의 주요 기능 FlowCoder는 사용자가 시각적으로 설계한 플로우차트를 실행 가능한 파이썬 스크립트로 변환하거나 인터프리터 방식으로 처리하여, 대화형 AI인 Claude Code와 시스템 쉘(Shell)을 유기적으로 제어하는 아키텍처를 기반으로 합니다. 워크플로우 구성의 핵심은 **Prompt Blocks** 와 **Bash Blocks** 의 상호작용에 있습니다. 사용자는 Prompt Block을 통해 AI에게 구조화된 출력을 요구하여 변수에 값을 할당하고, 이어지는 Bash Block을 통해 시스템 명령어를 실행한 뒤 그 결과값이나 종료 코드(Exit Code)를 포착할 수 있습니다. 이렇게 수집된 데이터는 **Branch Blocks** 와 결합되어, 특정 조건(True/False)에 따라 흐름을 분기하거나, 실패 시 재시도하는 루프(Loop) 로직을 구현하는 데 사용됩니다. 또한, FlowCoder는 단순한 스크립트 실행을 넘어 확장성 있는 개발 환경을 제공하기 위해 다양한 고급 제어 기능을 지원합니다. **CLI 스타일의 인자(Arguments)** 시스템을 통해 `$1`과 같은 문법으로 재사용 가능한 프롬프트 템플릿을 생성할 수 있으며, 실행 중 변수들의 상태를 지속적으로 추적 관리합니다. 복잡한 로직이 필요한 경우 **Command Blocks** 를 사용하여 하위 플로우차트를 호출하거나 재귀(Recursion) 호출을 통해 기능을 모듈화할 수 있습니다. 아울러 장시간 실행되는 작업에서 발생할 수 있는 토큰 제한 문제를 해결하기 위해, **Refresh Blocks** 를 배치하여 AI의 컨텍스트(기억)를 주기적으로 초기화하고 새로운 작업 단위로 전환하는 기능을 제공합니다. ### 핵심 안전 장치 및 활용 패턴 FlowCoder는 자율적인 에이전트가 코드를 수정하는 과정에서 발생할 수 있는 리스크를 관리하고, 실제 개발 업무에 적용할 수 있는 다음과 같은 필수 기능과 패턴을 제공합니다. - **자동 Git 커밋 (Automatic Git Commit):** Prompt나 Bash 블록이 실행될 때마다 즉시 자동으로 Git 커밋을 생성합니다. 이는 AI가 코드를 잘못 수정하거나 삭제하더라도, 개발자가 언제든지 이전 상태로 되돌릴 수 있는 강력한 안전망(Safety Net) 역할을 합니다. - **자율 개발 루프 (Autonomous Loops):** - **Implement-Audit Loop:** 코드를 구현(Implement)한 직후 자동으로 감사(Audit) 블록으로 넘겨 코드 품질을 검증하는 반복 과정을 수행합니다. - **Test-Fixing Loop:** 테스트 코드를 실행하고 실패할 경우, 에러 로그를 AI에게 전달하여 수정을 요청하고 다시 테스트를 수행하는 과정을 테스트가 통과할 때까지 반복합니다. ## :github: FlowCoder 프로젝트 GitHub 저장소 [https://github.com/px-pride/flowcoder](https://github.com/px-pride/flowcoder) * * * _이 글은 GPT 모델로 정리한 글을 바탕으로 한 것으로, 원문의 내용 또는 의도와 다르게 정리된 내용이 있을 수 있습니다. 관심있는 내용이시라면 원문도 함께 참고해주세요! 읽으시면서 어색하거나 잘못된 내용을 발견하시면 덧글로 알려주시기를 부탁드립니다._ 🤗 [:pytorch:파이토치 한국 사용자 모임🇰🇷](https://pytorch.kr/)이 정리한 이 글이 유용하셨나요? [회원으로 가입](https://discuss.pytorch.kr/signup)하시면 주요 글들을 이메일💌로 보내드립니다! (기본은 Weekly지만 [Daily로 변경도 가능](https://discuss.pytorch.kr/my/preferences/emails)합니다.) 🎁 아래↘쪽에 좋아요👍를 눌러주시면 새로운 소식들을 정리하고 공유하는데 힘이 됩니다~ 🤩