# Storyboards, drawn from data

> 23 storyboards, 254 panels, drawn from data by code: read them, take them as JSON, markdown, a graph, SVG or PNG, or embed one.

*Source: <https://storyboards.sgit.ai/>. This file is the page as markdown, generated from the same content.*

---

Storyboards drawn from data: every storyboard here is a JSON file, drawn by code in the reader's browser.

## Generation Z Developers

The second edition of Generation Z Developers, storyboarded before it was written: the punchline, the idea, the evidence and the people each chapter is for. Where the storyboards started, on 18 October 2026.

- [The 2018 book, as a storyboard](gen-z-developers/the-2018-book/index.md): Book v1.0.0, the 28 published chapters, converted into 15 panels: what the first edition said, who it said it to, and where it stops.
- [A first storyline for the second edition](gen-z-developers/a-first-storyline/index.md): A proposal in 15 panels: the order the second edition could tell its argument in, built from the topics the newsroom's articles already cover. For Dinis to tear apart. Superseded: the second release candidate follows the Gen ZX frame (decision 015, storyboard 12).
- [The opening: you are lucky to be here](gen-z-developers/the-opening/index.md): The first pages of the second edition as Dinis described them, in 16 panels: wonder, not fear; the history; technology that finally works for you; learning made for you; and why that makes you a developer.
- [Where do you land?](gen-z-developers/where-do-you-land/index.md): Wardley maps, shown before they are named, and the three centres of gravity: explorer, villager, town planner. 14 panels.
- [Connect the dots backwards](gen-z-developers/connect-the-dots-backwards/index.md): Paths, mixing disciplines, learning as a lifelong skill, and why to read this on paper. 14 panels.
- [Where the thinking came from](gen-z-developers/where-the-thinking-came-from/index.md): The influences behind the book, as claims you can check, and where each one lands. 10 panels.
- [Generative AI, not AI](gen-z-developers/generative-ai-not-ai/index.md): What the book means by generative AI, how a language model works in plain words, where hallucinations come from, and where Dinis was corrected. 12 panels.
- [Follow the rabbit holes](gen-z-developers/follow-the-rabbit-holes/index.md): Provenance, explainability and asking for the evidence; and being the best-prepared person in the room. 10 panels.
- [Everything is connected](gen-z-developers/everything-is-connected/index.md): What a graph is (not a diagram), the whodunit, a graph becoming a map, groups of groups, provenance, and starting anywhere. 12 panels.
- [Lenses, roles and loops](gen-z-developers/lenses-roles-and-loops/index.md): How LLMs and agents work: a prompt as a lens, a role as a model with a description, an agent as a loop, tools as requests, no memory, compression, and focused threads. 13 panels.
- [The book in release mode](gen-z-developers/the-book-in-release-mode/index.md): A first release candidate from the first list, the rounds, the adversarial review board, and precedents. 14 panels.
- [Gen ZX Developers](gen-z-developers/gen-zx-developers/index.md): The GenAI Startup Edition, for Generation Z and Generation X, with one objective, a company by the end of the book: proposed on 19 October 2026 and adopted by Dinis as the frame of the second release candidate (decisions 014 and 015). 14 panels.
- [Page three](gen-z-developers/page-three/index.md): Marta reads the first three pages of release candidate 2, puts the book down, and reads them again as the pen would have them. 10 panels.
- [Not to me](gen-z-developers/not-to-me/index.md): Marta reads the front of release candidate 2 on her phone, and the book keeps talking to its author. 8 panels.
- [Scan me](gen-z-developers/scan-me/index.md): Marta meets a word she does not know on page 12, and a code in the margin. 6 panels.
- [A new land](gen-z-developers/a-new-land/index.md): Note 142 drawn: explorers, then villagers, then town planners, as the population grows. 6 panels.

## Keys for people and agents

pki.sgit.ai's storyboards: how a person gets a key pair from a passkey, how two people verify each other two ways, how a secret travels by QR code and how an agent gets a key of its own. Each board links to the page where you can try it for real.

- [The first key](pki/the-first-key/index.md): Noor opens a vault with a passkey, makes a key pair in her browser, and finds it on her laptop too. 9 panels.
- [Two ways, or not at all](pki/two-ways/index.md): Mallory floods a key, as in 2019, and then tries again here, where a vouch can only be written in the voucher's own record. 9 panels.
- [An invitation](pki/an-invitation/index.md): The Anchor invites Leo with a QR code; Leo has no access key, keeps his key in the browser, and is verified, until a date. 9 panels.
- [A secret, as a QR code](pki/a-secret-by-qr/index.md): Noor seals a token to Leo's key; Mallory gets the link and nothing else; Kofi writes to Noor's inbox without an account. 9 panels.
- [An access key, sealed](pki/an-access-key-sealed/index.md): Leo needs an access key to make a vault; the Anchor seals one to the key Leo already has, and keeps a ledger of hashes. 9 panels.
- [An agent gets a key](pki/an-agent-gets-a-key/index.md): Scout, a session agent, makes its own key; the Anchor compares the fingerprint and signs for it, for a week; the Fleet runs the rest. 10 panels.
- [In person, by QR code](pki/in-person-by-qr/index.md): Noor and Leo scan each other's phones; the camera is the channel; two scans make one link. Proposed, not built. 9 panels.

## Articles

- [Storyboards get their own site](articles/storyboards-get-their-own-site.md): The storyboards started in a book, moved to gen-z-developers.sgit.ai and then to pki.sgit.ai. Today they move into a site of their own, with the code that draws them on a second site, so any page can use it.
- [One storyboard, seven shapes](articles/one-storyboard-seven-shapes.md): The brief listed the shapes a storyboard should come in: JSON, markup, a semantic graph, JPEG, SVG, animated and a thumbnail. Here is each one, where it comes from, and why only two of them are committed images.
- [Every version is a folder](articles/every-version-is-a-folder.md): The kit that draws every storyboard is published at a path that names its version, /v0/v0.1/v0.1.0/, and nothing at that path ever changes. Why, how it is enforced, and what it costs.
