CommunityCoding & Developmentgithub.com

xntj-ai/flowmaker

Generate a single HTML, zero-backend, drag-and-drop editable web flowchart from a one-sentence process description (supports decision diamonds, start/end, and process shapes, light glassmorphism style).

What is flowmaker?

Flowmaker is a specialized AI agent skill that turns a single sentence process description into a fully functional, visually appealing flowchart in a single HTML file. It requires no backend server and supports drag-and-drop editing after generation. The skill automatically identifies and renders three core shape types: decision diamonds, start/end ovals, and process rectangles, all styled with a light glassmorphism aesthetic. It is designed for use with AI coding agents like Codex, Cursor, or Claude Code, making it easy for developers and non-developers alike to instantly create and iterate on process diagrams directly from natural language.

Works with~Claude Code~Codex CLI~Cursor
npx skills add xntj-ai/flowmaker

Installed? Explore more Coding & Development skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does flowmaker do?

One-sentence process description → Single HTML, zero-backend, drag-and-drop editable web flowchart skill (decision diamonds / start-end / process triangles, light glassmorphism style)

Related Skills