functioncall/blueprint

Интерактивные схемы последовательностей, взятые из вашего кода.

Опишите поток вашего кодирующего агента. Он считывает ваш код и отображает интерактивную диаграмму последовательности. Макет и цвета фиксированы, поэтому каждая диаграмма выглядит последовательно, и вы никогда не касаетесь стиля.

Это навык агента: SKILL.md и скрипт Python, нулевые зависимости. Он работает в Claude Code, Codex, Cursor, Gemini или любом инструменте, который читает навыки.

##Установка

Пусть ваш агент установит его:

1. Дайте ссылку на это РЕПО. 2.Скажи: “Установите этот навык из SKILL.md”.

Он копирует папку в каталог ваших навыков. Нечего настраивать.

Предпочитаете делать это вручную?

Python 3, стандартная библиотека.

Используйте

Просто спросите:

• «Сформулируйте наш поток кассовых сборов: веб-приложение, API, Stripe, Postgres, с помощью пути webhook». *

«Сделать схему последовательности нашего входа в систему — приложение iOS, Firebase, Apple и Google».

"Карта каждого потока в этом репо в один файл я могу переключаться между."

Ваш агент читает код, пишет спецификацию и отображает диаграмму. Направьте его на целое РЕПО и он отображает каждый поток в один файл, а затем перерисовывает только те, которые меняются.

Предпочитаете писать спецификацию самостоятельно? Формат находится в “SKILL”.

Describe a flow to your coding agent. It reads your code and renders an interactive sequence diagram. The layout and colours are fixed, so every diagram comes out consistent and you never touch styling.

It’s an Agent Skill: a SKILL.md and a Python script, zero dependencies. It runs in Claude Code, Codex, Cursor, Gemini, or any tool that reads skills.

Install

Let your agent install it:

1. Give it the link to this repo.
2. Say: “Install this skill from its SKILL.md.”

It copies the folder into your skills directory. Nothing to configure.

Use it

Just ask:

“Diagram our checkout flow: web app, API, Stripe, Postgres, with the webhook path.”

“Make a sequence diagram of our login — iOS app, Firebase, Apple and Google.”

“Map every flow in this repo into one file I can switch between.”

Your agent reads the code, writes the spec, and renders the diagram. Point it at a whole repo and it maps every flow into one file, then only redraws the ones that change.

Prefer to write the spec yourself? The format is in SKILL.md and USAGE.md.

What you get

• One file, every flow. A whole product in one place. Switch scenarios from a dropdown — same lanes and colours every time.
• Colour lenses. Light up one path from start to finish, or shade the arrows by cost or latency against your real numbers.
• Click any row for the detail. Why the call happens, what it changes, what breaks, and the files behind it — filled in by your agent as it reads the code.
• Run it again and it only redraws what changed. The file remembers the git SHA it was built from. The next run diffs that against HEAD and re-reads only the flows whose files actually moved. The rest are left byte for byte. Twelve flows, one changed route, one flow redrawn.
• Export to PNG. One click saves the whole diagram, swimlane header and all, as a crisp image for a doc or a PR.

Plus UML arrows, markers for network calls and data stores, phase bands, opt / alt / loop boxes, and a sticky header.

Under the hood