Co-Creative Loops

After AGI · Co-Creative Practice · authoring tool

Loop Builder

Set the human-vs-AI ratio for each phase of every loop, across all three projects. Drag a slider and the loop redraws — bigger and greener means more human, and the ring spins faster the more you iterate. Set each job's AI capability and personal-growth desire in the panel just below — those two drive the Automation vs Personal Growth plot, and since they're properties of the job (not the project), identical jobs like Publishing appear once and stay in sync. Leave anything you haven't decided as [TODO]; nothing is estimated for you. Your work saves to this browser automatically.

24 of 24 loops specified21 of 21 capabilities set20 of 21 growth values setJump to export ↓

AI capability & personal growth · by job

21 unique jobs

The two drivers behind how automated each job became. Set once per job — a job that appears in several projects (marked ×N) shares one value everywhere. Hit ? to mark a value unknown [TODO].

Scriptwriting

AI capability100%Personal growth100%

Music Production

AI capability100%Personal growth100%

Art Design (Set/Costumes)

AI capability50%Personal growth73%

Choreography

AI capability0%Personal growth50%

Cinematography

AI capability50%Personal growth50%

Film Editing

AI capability50%Personal growth50%

Publishing×3

AI capability77%Personal growth50%

Song Writing

AI capability100%Personal growth100%

Creative Director

AI capability20%Personal growth100%

Performer (Acting,Singing,Dance)

AI capability0%Personal growthunknown

Financial Producer

AI capability70%Personal growth50%

Writing

AI capability100%Personal growth100%

UI/UX Design

AI capability100%Personal growth75%

Front End Coding

AI capability100%Personal growth50%

Back End Coding

AI capability100%Personal growth50%

Researcher×2

AI capability100%Personal growth50%

Graphic Design

AI capability100%Personal growth50%

Back-End Development

AI capability100%Personal growth50%

Data Analysis

AI capability80%Personal growth50%

Front-End Development

AI capability100%Personal growth50%

UX/UI Design

AI capability100%Personal growth75%

Generated lib/loops.js

Replace the export const PROJECTS = […] block in lib/loops.js with the code below — or just tell Claude you're done and it will write these values in for you. IDs are derived from job names.

export const PROJECTS = [
  {
    id: "musical",
    title: "The Techno-Apocalypse Musical",
    subtitle: "After AGI",
    chapters: "ch.1, 2, 5",
    note: "One-person techno-apocalypse sci-fi musical — the primary case study. Each of its jobs becomes a loop.",
    jobs: [
      { id: "scriptwriting", name: "Scriptwriting", stage: "pre", documented: true, phases: { generation: { human: 98 }, feedback: { human: 60 }, iteration: { human: 90 } }, iterations: 17, aiCapability: 100, personalGrowth: 100, note: "Documented in [v5] Book — the one loop the thesis specifies ratio-by-ratio." },
      { id: "musicproduction", name: "Music Production", stage: "prod", phases: { generation: { human: 96 }, feedback: { human: 100 }, iteration: { human: 100 } }, iterations: 200, aiCapability: 100, personalGrowth: 100 },
      { id: "artdesignsetcostumes", name: "Art Design (Set/Costumes)", stage: "pre", phases: { generation: { human: 50 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 3, aiCapability: 50, personalGrowth: 73 },
      { id: "choreography", name: "Choreography", stage: "pre", phases: { generation: { human: 100 }, feedback: { human: 100 }, iteration: { human: 100 } }, iterations: 3, aiCapability: 0, personalGrowth: 50 },
      { id: "cinematography", name: "Cinematography", stage: "prod", phases: { generation: { human: 98 }, feedback: { human: 100 }, iteration: { human: 97 } }, iterations: 2, aiCapability: 50, personalGrowth: 50 },
      { id: "filmediting", name: "Film Editing", stage: "post", phases: { generation: { human: 100 }, feedback: { human: 100 }, iteration: { human: 50 } }, iterations: 12, aiCapability: 50, personalGrowth: 50 },
      { id: "publishing", name: "Publishing", stage: "post", phases: { generation: { human: 79 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 5, aiCapability: 77, personalGrowth: 50 },
      { id: "songwriting", name: "Song Writing", stage: "pre", phases: { generation: { human: 98 }, feedback: { human: 50 }, iteration: { human: 98 } }, iterations: 40, aiCapability: 100, personalGrowth: 100 },
      { id: "creativedirector", name: "Creative Director", stage: "pre", phases: { generation: { human: 95 }, feedback: { human: 100 }, iteration: { human: 90 } }, iterations: 5, aiCapability: 20, personalGrowth: 100 },
      { id: "performeractingsingingdance", name: "Performer (Acting,Singing,Dance)", stage: "prod", phases: { generation: { human: 100 }, feedback: { human: 100 }, iteration: { human: 100 } }, iterations: 50, aiCapability: 0, personalGrowth: null },
      { id: "financialproducer", name: "Financial Producer", stage: "pre", phases: { generation: { human: 100 }, feedback: { human: 90 }, iteration: { human: 50 } }, iterations: 1, aiCapability: 70, personalGrowth: 50 },
    ],
  },
  {
    id: "site",
    title: "Thesis Site",
    subtitle: "AfterAGI.io",
    chapters: "ch.3",
    note: "Vibe-coding an interactive narrative website — the high-AI-involvement pole of the work.",
    jobs: [
      { id: "writing", name: "Writing", stage: "pre", phases: { generation: { human: 98 }, feedback: { human: 75 }, iteration: { human: 90 } }, iterations: 10, aiCapability: 100, personalGrowth: 100 },
      { id: "uiuxdesign", name: "UI/UX Design", stage: "pre", phases: { generation: { human: 50 }, feedback: { human: 98 }, iteration: { human: 50 } }, iterations: 100, aiCapability: 100, personalGrowth: 75 },
      { id: "frontendcoding", name: "Front End Coding", stage: "prod", phases: { generation: { human: 15 }, feedback: { human: 80 }, iteration: { human: 7 } }, iterations: 120, aiCapability: 100, personalGrowth: 50 },
      { id: "publishing", name: "Publishing", stage: "post", phases: { generation: { human: 75 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 3, aiCapability: null, personalGrowth: 50 },
      { id: "backendcoding", name: "Back End Coding", stage: "prod", phases: { generation: { human: 5 }, feedback: { human: 80 }, iteration: { human: 3 } }, iterations: 30, aiCapability: 100, personalGrowth: 50 },
      { id: "researcher", name: "Researcher", stage: "pre", phases: { generation: { human: 95 }, feedback: { human: 25 }, iteration: { human: 50 } }, iterations: 5, aiCapability: 100, personalGrowth: 50 },
    ],
  },
  {
    id: "subway",
    title: "Hacking the Subway",
    subtitle: "Public data album",
    chapters: "ch.4",
    note: "A $5,000 AHA-grant subway campaign polling the Boston public on what flourishing means with AI.",
    jobs: [
      { id: "graphicdesign", name: "Graphic Design", stage: "pre", phases: { generation: { human: 50 }, feedback: { human: 95 }, iteration: { human: 50 } }, iterations: 10, aiCapability: 100, personalGrowth: 50 },
      { id: "backenddevelopment", name: "Back-End Development", stage: "prod", phases: { generation: { human: 5 }, feedback: { human: 25 }, iteration: { human: 5 } }, iterations: 10, aiCapability: 100, personalGrowth: 50 },
      { id: "dataanalysis", name: "Data Analysis", stage: "post", phases: { generation: { human: 50 }, feedback: { human: 90 }, iteration: { human: 27 } }, iterations: 5, aiCapability: 80, personalGrowth: 50 },
      { id: "publishing", name: "Publishing", stage: "post", phases: { generation: { human: 75 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 1, aiCapability: null, personalGrowth: 50 },
      { id: "frontenddevelopment", name: "Front-End Development", stage: "prod", phases: { generation: { human: 25 }, feedback: { human: 80 }, iteration: { human: 10 } }, iterations: 25, aiCapability: 100, personalGrowth: 50 },
      { id: "uxuidesign", name: "UX/UI Design", stage: "pre", phases: { generation: { human: 50 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 5, aiCapability: 100, personalGrowth: 75 },
      { id: "researcher", name: "Researcher", stage: "pre", phases: { generation: { human: 94 }, feedback: { human: 50 }, iteration: { human: 50 } }, iterations: 2, aiCapability: 100, personalGrowth: 50 },
    ],
  },
];