Ohne Backend bleiben Einstellungen und Text ueber ein Neuladen erhalten (localStorage). Gespeichert: Editortext (werkbaum-src) und GUI-Zustand (werkbaum-ui: Modus, verworfene, Split-Zustand inkl. freier Drag-Groesse --col/--drow, Zoom, Vollbild); Sprache bleibt in werkbaum-lang. saveUI()/saveSrc() haengen an allen Zustandsaenderungen (Layout, Toggle, Fenster-Buttons, Splitter-Drag, Zoom, Vollbild, Texteingabe); restoreState() stellt beim Laden alles wieder her und unterdrueckt waehrenddessen ueber restoring=true das Zurueckschreiben. Fehlender Text faellt auf das Beispiel (INITIAL) zurueck, ein leerer bleibt leer. Verifiziert (headless): Text, Modus, verworfene, Zoom, Vollbild, Custom-Split (--col) und Minimier-Zustand ueberstehen ein Reload; keine Konsolenfehler. Keine SPEC-Aenderung (Notation unberuehrt); localStorage-Schluessel in frontend/CLAUDE.md dokumentiert. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Werkbaum
English · Deutsch
A textual, Markdown-like notation for work breakdown structures with and/or decomposition — plus a live editor that renders it as a diagram.
[~] Werkbaum (XL) https://wiki.example.de/relaunch
- [~] Document store
| [x] Text file with copy+paste in the frontend (S)
- [x] Parser
- [x] Text input field in the frontend
| [ ] Backend
- [~] Display/rendering (XL)
- [/] H (S) @anna
- [ ] CMS integration (M)
| [ ] WordPress
| [?] Headless CMS
- = mandatory sub-package (all of, side by side in the diagram) ·
| = alternative (any of, stacked) · […] = status ·
(M) = T-shirt effort · @name = responsibility · %% = comment.
Usage
Open frontend/index.html in the browser — edit text on the left, the
diagram is built live on the right. Toggles: transposed (narrow) layout,
show discarded elements.
Project documents
frontend/— editor ·backend/— Kotlin/Spring (scaffold to follow, see backend/README.md)docs/SPEC.md— normative language definitiondocs/DECISIONS.md— design decisions with rationaledocs/ROADMAP.md— Mermaid plugin, Taiga integration, Tenzudocs/TASKS.md— open tasks (checkboxes)docs/brand/BRAND.md— logo, wordmark, usage rulesdocs/design/— design derivation of the brandCLAUDE.md— project context for Claude Code
Note: The detailed project documentation under
docs/is maintained in German, the project's source language (seeCLAUDE.md). This README is available in English and German.
Deployment
The editor is published as a static page on GitHub Pages via GitHub
Actions (workflow: .github/workflows/pages.yml). Triggered on every push to
main and manually (workflow_dispatch).
The workflow assembles a site folder: frontend/index.html is placed as
index.html at the root URL, along with the files the editor references
(docs/brand/ for the favicon, LICENSE for the MIT link in the footer). The
../ paths in the editor source are straightened only on the copy — the source
file stays unchanged. backend/ and the remaining docs/ are not published.
One-time setup: In the repo settings under Pages, select Source = "GitHub Actions". The repo must be public for this (GitHub Pages via Actions is only available for private repos on a paid plan).
License
MIT — see LICENSE. © 2026 Michael Hönnig.
