Brewbuddy Diagrams — Documentation skill for Claude Code
A small BrewBuddy reference project demonstrating how Claude Code and Mermaid can be used to create clear, code-based system documentation.
How to install Brewbuddy Diagrams
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Saswat-Gewali/brewbuddy-diagrams and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Brewbuddy Diagrams does
A small BrewBuddy reference project demonstrating how Claude Code and Mermaid can be used to create clear, code-based system documentation. The project includes five Mermaid diagrams covering the order workflow, API interactions, data model, code structure, and order lifecycle, along with a complete ARCHITECTURE.md documentation page.
Alternatives in Documentation
- Doc Co-authoring — Guide users through structured workflow for co-authoring documentation 94.1k ★
- Context7 — claude-plugins-official Up-to-date library documentation lookup 50.1k ★
- Notion Research Documentation — Research Notion content and synthesize findings into structured briefs 14.6k ★
README
BrewBuddy
BrewBuddy is a small fictional cafe ordering system. A customer places an order for one or more menu items and pays for it. If the payment matches the order total, the cafe prepares the order, marks it ready, and hands it over. If the payment does not match, the order is cancelled.
It is a reference project for learning Mermaid diagrams. The code exists to be diagrammed, so it is deliberately small and readable, and it favours clarity over completeness. There is no running server and no database.
Diagrams
See [ARCHITECTURE.md](ARCHITECTURE.md) for the full write up, which embeds five Mermaid diagrams that GitHub renders inline:
- a flowchart of the order placement and payment workflow
- a sequence diagram of the request path through the layers
- an entity relationship diagram of the data model
- a class diagram of the code structure
- a state diagram of the order lifecycle
Each one is also kept as its own file in [diagrams/](diagrams).
Files
models.py Domain classes: Customer, MenuItem, OrderItem, Order, Payment.
repository.py In memory store standing in for a database.
service.py Business logic and every order status change.
api.py Thin Flask style route functions calling into service.py.
diagrams/ One .mmd file per diagram.
ARCHITECTURE.md The diagrams with explanation.
Trying it out
There is nothing to install and nothing to start. The route functions in `api.py` are plain functions that take a request body and return a `(body, status_code)` pair, so you can drive the whole workflow from a Python prompt:
import models, repository, api
repository.add_customer(models.Customer(1, "Ada", "ada@example.com"))
repository.add_menu_item(models.MenuItem(1, "Flat White", 3.5))
api.place_order({"customer_id": 1, "items": {"1": 2}})
api.take_payment(1, {"amount": 7.0})
api.mark_preparing(1)
api.mark_ready(1)
api.collect_order(1)
How this was built
The code was written first, then the five
Related Skills
Publishing Astro Websites Agentic Skill
A comprehensive Claude Code skill for building and deploying static websites with the Astro framework. Covers
Explain Plan
Convert a plan doc into a self-contained interactive HTML explanation (Mermaid diagrams, blast-radius map, ste
Ptx Isa Markdown
PTX ISA 9.1 documentation converted to searchable markdown. Includes Claude Code skill for CUDA development.
Translate
Launch the DevRel Translator agent to convert technical documentation into clear, compelling communications fo
Attribution Notice
This project includes documentation and content derived from the following sources under the CC-BY-4.0 license
Technical Writer
Create clear, comprehensive technical documentation including READMEs, API docs, guides, and tutorials
Related Agents
Dotnet Docs Generator
WHEN generating documentation for a .NET project. Analyzes project structure, recommends doc tooling, generate
Design Note Writer
Comprehensive design documentation writer. Produces reviews/phase-6-review/design-note.md with full module des
Arch Documenter
Use for generating architecture documentation, API specifications (OpenAPI), Architecture Decision Records (AD