gezel Gezel Handboek

Documentation Site

Build a single-page documentation site with a sidebar table of contents, anchored sections, code blocks, and in-page navigation — the kind of reference page a library or API ships. Locks the information architecture (the section tree and ordering) first, then a readable docs visual design with good typography and code styling, then builds the HTML with working anchor links and a sticky sidebar. Getting the IA right before layout is what makes docs findable; a small model that jumps straight to HTML produces an unnavigable wall of text.

How it runs

#StepWho runs itWhat happens
1Information architecturePlannersection tree, ordering, anchors
2Visual designDesignerdocs typography, code styling, sidebar layout
3BuildDeveloperimplement index.html with sidebar + anchors
4EvaluateReviewerGrade the deliverable against every acceptance criterion. All pass → finish; any fail → loop back and fix the gap.
5FinishDeveloperAll acceptance criteria met. Stamp a short summary and report DONE.

Say something like "documentation site" or "docs page" or "api reference page" or "build docs" or "developer documentation" or "guide page" in chat to start it.

Watch this article as a slideshow