# FORM//GRAPH — /init visual systems atlas > A public atlas connecting procedural geometry, shaders, motion and interface craft to original production recipes. Canonical collection: https://metanomicon.org/init/form ## Start here - [Human and agent quick start](https://metanomicon.org/init/form/guide): a five-minute route from source to build brief, plus the distinction between sources, recipes and three original AI-assisted image studies. - [Public JSON index](https://metanomicon.org/init/form/atlas.json): versioned public metadata for 33 source notes and 10 original recipes. - [Study manifest](https://metanomicon.org/init/form/studies.json): provenance and asset paths for three original Metanomicon AI-assisted image studies; these are visual explorations, not procedural-render or implementation evidence. - [Source index](https://metanomicon.org/init/form/sources): attributed references and editorial build translations. - [Recipe index](https://metanomicon.org/init/form/recipes): proposed production sequences and output contracts. - [Sitemap](https://metanomicon.org/init/form/sitemap.xml): canonical HTML routes. ## Implementation authority - [Canonical repository](https://github.com/ydefix/ui-ux): the editable Ydefix implementation. - [README](https://github.com/ydefix/ui-ux/blob/main/README.md): repository overview and build entry points. - [Agent instructions](https://github.com/ydefix/ui-ux/blob/main/AGENTS.md): contribution rules for repository work. - [FORM//GRAPH handoff](https://github.com/ydefix/ui-ux/blob/main/assets/init/HANDOFF.md): implementation context and verification guidance. - [Tracked issue #6](https://github.com/ydefix/ui-ux/issues/6): task scope and progress evidence. These GitHub resources are private team documentation and require authorized access. Public readers can use the quick start, permanent reference pages and JSON index without repository access. The repository owns implementation and contribution rules; this public index describes reference metadata. If repository access is unavailable, do not invent its instructions or claim a verified release state. ## Reading contract Source summaries are grounded in retrieved references. Signal interpretations, build translations, related links and recipes are FORM//GRAPH editorial synthesis. Recipe payload budgets are targets, not measured results. Each original source retains its own authorship and rights; a link or summary is not a license to reproduce it. Verify source claims at the original URL before attribution. Do not infer current implementation status, project progress, test results or rankings from this atlas. The index contains public metadata only. No private Reader records or library identifiers are available here. These static pages and this guide are identical for humans and crawlers. This file is a convenience for agent discovery, not a required search-engine standard or a ranking guarantee. ## Source notes - [Visual AI is shifting from pixels to code](https://metanomicon.org/init/form/sources/source-001) - [Tutorials | Learn how to create generative art](https://metanomicon.org/init/form/sources/source-002) - [A brief intro to WebGL shaders](https://metanomicon.org/init/form/sources/source-003) - [Interactive Three.js wireframe lattice morphing between parametric math surfaces](https://metanomicon.org/init/form/sources/source-004) - [PRIMAL](https://metanomicon.org/init/form/sources/source-005) - [Spellburst: A Node-based Interface for Exploratory Creative Coding](https://metanomicon.org/init/form/sources/source-006) - [Create your own shaders. Use them everywhere.](https://metanomicon.org/init/form/sources/source-007) - [Playground](https://metanomicon.org/init/form/sources/source-008) - [Dither + glyph + mouse-trail effect breakdown](https://metanomicon.org/init/form/sources/source-009) - [Introducing Video2Ascii](https://metanomicon.org/init/form/sources/source-010) - [Making Software](https://metanomicon.org/init/form/sources/source-011) - [Guidelines](https://metanomicon.org/init/form/sources/source-012) - [GSAP](https://metanomicon.org/init/form/sources/source-013) - [Kimi K3 cinematic website prompt](https://metanomicon.org/init/form/sources/source-014) - [Design details that feel like magic](https://metanomicon.org/init/form/sources/source-015) - [Find animation opportunities](https://metanomicon.org/init/form/sources/source-016) - [Using Claude Code: The Unreasonable Effectiveness of HTML](https://metanomicon.org/init/form/sources/source-017) - [A Guide to Claude Code 2.0 and better coding agents](https://metanomicon.org/init/form/sources/source-018) - [Recent Design](https://metanomicon.org/init/form/sources/source-019) - [Hugo Duprez](https://metanomicon.org/init/form/sources/source-020) - [Exploring creative coding with Swift and SwiftUI](https://metanomicon.org/init/form/sources/source-021) - [Post Internet](https://metanomicon.org/init/form/sources/source-022) - [Letter Swap](https://metanomicon.org/init/form/sources/source-023) - [Halftone / Mosaic / Blur / Grain node study](https://metanomicon.org/init/form/sources/source-024) - [How GLM-5.2 Beat Fable 5 at Website Design](https://metanomicon.org/init/form/sources/source-025) - [Prompt your ideas to life with Figma Make](https://metanomicon.org/init/form/sources/source-026) - [Drawing Dynamic Models](https://metanomicon.org/init/form/sources/source-027) - [What’s the shape of the text?](https://metanomicon.org/init/form/sources/source-028) - [Browser-native heart / scanner HUD experiment](https://metanomicon.org/init/form/sources/source-029) - [This is a motherfucking website](https://metanomicon.org/init/form/sources/source-030) - [vgpu: shader tools designed for agents](https://metanomicon.org/init/form/sources/source-031) - [From drawn geometry to programmable graphics](https://metanomicon.org/init/form/sources/source-032) - [Concept target → Blender → rendered comparison](https://metanomicon.org/init/form/sources/source-033) ## Production recipes - [Spectral data membrane](https://metanomicon.org/init/form/recipes/recipe-blender-membrane) - [Data relic glyph field](https://metanomicon.org/init/form/recipes/recipe-blender-relic) - [Live signal constellation](https://metanomicon.org/init/form/recipes/recipe-td-constellation) - [Reactive dither operator chain](https://metanomicon.org/init/form/recipes/recipe-td-dither) - [Parametric lattice portal](https://metanomicon.org/init/form/recipes/recipe-webgl-lattice) - [Forensic material reveal](https://metanomicon.org/init/form/recipes/recipe-webgl-reveal) - [Semantic ASCII silhouette](https://metanomicon.org/init/form/recipes/recipe-canvas-ascii) - [Living topology diagram](https://metanomicon.org/init/form/recipes/recipe-svg-topology) - [Authored scene → lean interface](https://metanomicon.org/init/form/recipes/recipe-hybrid-handoff) - [SOL × Blender × TD × Kimi loop](https://metanomicon.org/init/form/recipes/recipe-agent-loop)