# r0ine/creative-web-intelligence architecture

> Architecture diagram of the GitHub repository r0ine/creative-web-intelligence, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/r0ine/creative-web-intelligence
- Repository: https://github.com/r0ine/creative-web-intelligence

## Overview

Creative Web Intelligence is a research-backed design and engineering knowledge library for agents building distinctive web experiences, not a web application. The documented workflow begins with the current version’s start guidance, then uses its master prompt and domain directors to select and compose visual, interaction, motion, and media decisions into a build specification, with authenticity and cinematic QA guidance as checks. The graph preserves major documented branches, including reference recreation, external-source intelligence, and open-source integration. Relationships reflect the documented workflow and capability descriptions; unsampled prompt and director contents limit claims about exact internal dispatch.

Main entry points: [`prompts/v6/MASTER_META_PROMPT_V6.md`](https://github.com/r0ine/creative-web-intelligence/blob/master/prompts/v6/MASTER_META_PROMPT_V6.md) (Master Prompt), [`START_HERE_V6.md`](https://github.com/r0ine/creative-web-intelligence/blob/master/START_HERE_V6.md) (v6 Start Guide), [`integrations/open-source/INTEGRATION_POLICY.md`](https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/INTEGRATION_POLICY.md) (Integration Policy), [`integrations/open-source/open_source_library_registry.json`](https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/open_source_library_registry.json) (Open-Source Registry)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_workflow["Agent Workflow"]
  node_start["v6 Start Guide<br/>[START_HERE_V6.md]"]
  node_master["Master Prompt"]
  node_buildspec["Build Spec Schema"]
end

subgraph group_design["Design Intelligence"]
  node_layout["Layout Intelligence<br/>[INDEX.md]"]
  node_color["Color Intelligence<br/>[INDEX.md]"]
  node_typography["Typography Intelligence<br/>[INDEX.md]"]
  node_interaction["Interaction Intelligence<br/>[INDEX.md]"]
  node_composition["Composition Director"]
end

subgraph group_media["Media and Motion"]
  node_motion["Motion Director<br/>[MOTION_DIRECTOR.md]"]
  node_scroll["Scroll Director<br/>[SCROLL_DIRECTOR.md]"]
  node_three["3D Art Director"]
  node_media_director["Media Director<br/>[MEDIA_DIRECTOR.md]"]
  node_reference["Reference Recreation"]
end

subgraph group_research["Research and Sources"]
  node_research["Research Guidance<br/>[INDEX.md]"]
  node_source["Source Intelligence"]
  node_registry[("Open-Source Registry")]
end

subgraph group_quality["Quality and Integration"]
  node_authenticity["Authenticity Rules<br/>[CORE_DOCTRINE.md]"]
  node_cinematic_qa["Cinematic QA"]
  node_visual_qa["Visual QA Director"]
  node_integration_policy["Integration Policy"]
end

node_agent(("Design Agent"))

node_agent -->|"begins with"| node_start
node_start -->|"guides to"| node_master
node_master -->|"structures output"| node_buildspec
node_master -->|"applies guidance"| node_layout
node_master -->|"applies guidance"| node_color
node_master -->|"applies guidance"| node_typography
node_master -->|"applies guidance"| node_interaction
node_master -->|"uses direction"| node_composition
node_master -->|"uses direction"| node_motion
node_master -->|"uses direction"| node_scroll
node_master -->|"uses direction"| node_three
node_master -->|"uses direction"| node_media_director
node_master -->|"supports recreation"| node_reference
node_agent -->|"consults"| node_research
node_source -->|"routes source research"| node_registry
node_master -->|"applies constraints"| node_authenticity
node_master -->|"uses QA guidance"| node_cinematic_qa
node_master -->|"uses QA guidance"| node_visual_qa
node_master -.->|"checks reuse policy"| node_integration_policy
node_integration_policy -.->|"governs selection"| node_registry

click node_start "https://github.com/r0ine/creative-web-intelligence/blob/master/START_HERE_V6.md"
click node_master "https://github.com/r0ine/creative-web-intelligence/blob/master/prompts/v6/MASTER_META_PROMPT_V6.md"
click node_buildspec "https://github.com/r0ine/creative-web-intelligence/blob/master/schemas/creative_build_spec.schema.json"
click node_layout "https://github.com/r0ine/creative-web-intelligence/blob/master/layout/INDEX.md"
click node_color "https://github.com/r0ine/creative-web-intelligence/blob/master/color/INDEX.md"
click node_typography "https://github.com/r0ine/creative-web-intelligence/blob/master/typography/INDEX.md"
click node_interaction "https://github.com/r0ine/creative-web-intelligence/blob/master/interaction/INDEX.md"
click node_composition "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/composition/COMPOSITION_DIRECTOR.md"
click node_motion "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/motion/MOTION_DIRECTOR.md"
click node_scroll "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/scroll/SCROLL_DIRECTOR.md"
click node_three "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/three/THREE_ART_DIRECTOR.md"
click node_media_director "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/v6/MEDIA_DIRECTOR.md"
click node_reference "https://github.com/r0ine/creative-web-intelligence/blob/master/reference-recreation/REFERENCE_RECREATION_ENGINE.md"
click node_research "https://github.com/r0ine/creative-web-intelligence/blob/master/research/INDEX.md"
click node_source "https://github.com/r0ine/creative-web-intelligence/blob/master/source-intelligence/SOURCE_CAPABILITY_ROUTER.md"
click node_registry "https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/open_source_library_registry.json"
click node_authenticity "https://github.com/r0ine/creative-web-intelligence/blob/master/v5/CORE_DOCTRINE.md"
click node_cinematic_qa "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/v6/CINEMATIC_QA_DIRECTOR.md"
click node_visual_qa "https://github.com/r0ine/creative-web-intelligence/blob/master/directors/qa/VISUAL_QA_DIRECTOR.md"
click node_integration_policy "https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/INTEGRATION_POLICY.md"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_start,node_master,node_buildspec toneBlue
class node_layout,node_color,node_typography,node_interaction,node_composition toneAmber
class node_motion,node_scroll,node_three,node_media_director,node_reference toneMint
class node_research,node_source,node_registry toneRose
class node_authenticity,node_cinematic_qa,node_visual_qa,node_integration_policy,node_agent toneIndigo
```

## Components

### Agent Workflow

- [v6 Start Guide](https://github.com/r0ine/creative-web-intelligence/blob/master/START_HERE_V6.md): `START_HERE_V6.md`
- [Master Prompt](https://github.com/r0ine/creative-web-intelligence/blob/master/prompts/v6/MASTER_META_PROMPT_V6.md): `prompts/v6/MASTER_META_PROMPT_V6.md`
- [Build Spec Schema](https://github.com/r0ine/creative-web-intelligence/blob/master/schemas/creative_build_spec.schema.json): `schemas/creative_build_spec.schema.json`

### Design Intelligence

- [Layout Intelligence](https://github.com/r0ine/creative-web-intelligence/blob/master/layout/INDEX.md): `layout/INDEX.md`
- [Color Intelligence](https://github.com/r0ine/creative-web-intelligence/blob/master/color/INDEX.md): `color/INDEX.md`
- [Typography Intelligence](https://github.com/r0ine/creative-web-intelligence/blob/master/typography/INDEX.md): `typography/INDEX.md`
- [Interaction Intelligence](https://github.com/r0ine/creative-web-intelligence/blob/master/interaction/INDEX.md): `interaction/INDEX.md`
- [Composition Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/composition/COMPOSITION_DIRECTOR.md): `directors/composition/COMPOSITION_DIRECTOR.md`

### Media and Motion

- [Motion Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/motion/MOTION_DIRECTOR.md): `directors/motion/MOTION_DIRECTOR.md`
- [Scroll Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/scroll/SCROLL_DIRECTOR.md): `directors/scroll/SCROLL_DIRECTOR.md`
- [3D Art Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/three/THREE_ART_DIRECTOR.md): `directors/three/THREE_ART_DIRECTOR.md`
- [Media Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/v6/MEDIA_DIRECTOR.md): `directors/v6/MEDIA_DIRECTOR.md`
- [Reference Recreation](https://github.com/r0ine/creative-web-intelligence/blob/master/reference-recreation/REFERENCE_RECREATION_ENGINE.md): `reference-recreation/REFERENCE_RECREATION_ENGINE.md`

### Research and Sources

- [Research Guidance](https://github.com/r0ine/creative-web-intelligence/blob/master/research/INDEX.md): `research/INDEX.md`
- [Source Intelligence](https://github.com/r0ine/creative-web-intelligence/blob/master/source-intelligence/SOURCE_CAPABILITY_ROUTER.md): `source-intelligence/SOURCE_CAPABILITY_ROUTER.md`
- [Open-Source Registry](https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/open_source_library_registry.json): `integrations/open-source/open_source_library_registry.json`

### Quality and Integration

- [Authenticity Rules](https://github.com/r0ine/creative-web-intelligence/blob/master/v5/CORE_DOCTRINE.md): `v5/CORE_DOCTRINE.md`
- [Cinematic QA](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/v6/CINEMATIC_QA_DIRECTOR.md): `directors/v6/CINEMATIC_QA_DIRECTOR.md`
- [Visual QA Director](https://github.com/r0ine/creative-web-intelligence/blob/master/directors/qa/VISUAL_QA_DIRECTOR.md): `directors/qa/VISUAL_QA_DIRECTOR.md`
- [Integration Policy](https://github.com/r0ine/creative-web-intelligence/blob/master/integrations/open-source/INTEGRATION_POLICY.md): `integrations/open-source/INTEGRATION_POLICY.md`

### Other components

- **Design Agent**

## Connections

- Design Agent → v6 Start Guide: begins with
- v6 Start Guide → Master Prompt: guides to
- Master Prompt → Build Spec Schema: structures output
- Master Prompt → Layout Intelligence: applies guidance
- Master Prompt → Color Intelligence: applies guidance
- Master Prompt → Typography Intelligence: applies guidance
- Master Prompt → Interaction Intelligence: applies guidance
- Master Prompt → Composition Director: uses direction
- Master Prompt → Motion Director: uses direction
- Master Prompt → Scroll Director: uses direction
- Master Prompt → 3D Art Director: uses direction
- Master Prompt → Media Director: uses direction
- Master Prompt → Reference Recreation: supports recreation
- Design Agent → Research Guidance: consults
- Source Intelligence → Open-Source Registry: routes source research
- Master Prompt → Authenticity Rules: applies constraints
- Master Prompt → Cinematic QA: uses QA guidance
- Master Prompt → Visual QA Director: uses QA guidance
- Master Prompt → Integration Policy: checks reuse policy
- Integration Policy → Open-Source Registry: governs selection