Community코딩 & 개발github.com

xntj-ai/flowmaker

한 줄의 프로세스 설명 → 단일 HTML, 백엔드 없이 드래그 앤 드롭으로 편집 가능한 웹 플로우차트 스킬 (다이아몬드/시작-종료/처리 세 가지 모양, 연한 유리 스타일)

flowmaker란 무엇인가요?

flowmaker는 사용자가 자연어로 프로세스를 설명하면 자동으로 HTML 플로우차트를 생성해주는 AI 스킬입니다. 이 스킬은 백엔드 없이 단일 HTML 파일만으로 작동하며, 생성된 플로우차트는 드래그 앤 드롭으로 편집할 수 있습니다. 다이아몬드(조건), 타원(시작/종료), 사각형(처리)의 세 가지 기본 도형을 지원하며, 연한 유리 스타일(Glassmorphism)의 세련된 디자인을 제공합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트에서 활용되며, GitHub에서 오픈소스로 제공되어 누구나 쉽게 사용하고 기여할 수 있습니다. 이 스킬은 빠른 프로토타이핑이나 문서화가 필요할 때 특히 유용하며, 복잡한 도구나 서버 설정 없이도 즉시 시각적인 플로우차트를 얻을 수 있다는 장점이 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add xntj-ai/flowmaker

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

flowmaker은(는) 무엇을 하나요?

한 줄의 프로세스 설명 → 단일 HTML, 백엔드 없이 드래그 앤 드롭으로 편집 가능한 웹 플로우차트 스킬 (다이아몬드/시작-종료/처리 세 가지 모양, 연한 유리 스타일)

관련 스킬