From 9644e2614e1fd3e471b4bec3a7e68eeefbca7e6a Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Tue, 10 Mar 2026 11:32:02 -0400
Subject: [PATCH] Add golden-gate demo

---
 arc/workflows/golden-gate/prompt.md    | 13 +++++++++++++
 arc/workflows/golden-gate/workflow.dot | 14 ++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 arc/workflows/golden-gate/prompt.md
 create mode 100644 arc/workflows/golden-gate/workflow.dot

diff --git a/arc/workflows/golden-gate/prompt.md b/arc/workflows/golden-gate/prompt.md
new file mode 100644
index 000000000..2c34d8c04
--- /dev/null
+++ b/arc/workflows/golden-gate/prompt.md
@@ -0,0 +1,13 @@
+Use the /develop-web-game skill and the `imagegen` CLI tool.
+
+Create a hyperrealistic interactive 3D experience of the San Francisco Golden Gate Bridge that the user can fly around freely. The environment should include realistic lighting, water, fog, atmosphere, suspension cables, traffic, surrounding coastline, and city context, with a cinematic sense of scale and detail. Let the user smoothly navigate through the scene with intuitive flight controls and multiple viewpoints, including close-up structural passes and wide scenic flyovers. Prioritize realism, immersion, and visual fidelity.
+
+Use `imagegen` to generate source material and surface textures. For example:
+```
+imagegen "photorealistic golden gate bridge tower close-up, red steel, rivets, fog" output/textures/tower.png
+imagegen "san francisco bay water surface, realistic ocean waves, sunlight reflections" output/textures/water.png
+```
+
+When playtesting with Playwright, fly around the bridge from multiple distances and angles, verify that navigation is smooth and stable, and confirm that the world looks convincing both up close and from afar. The result should look high fidelity and smooth, almost like a photo — not clunky or block-like. There should be realistic cars going over the bridge too.
+
+Take your time and iterate until the experience is polished.
diff --git a/arc/workflows/golden-gate/workflow.dot b/arc/workflows/golden-gate/workflow.dot
new file mode 100644
index 000000000..20f1f4b2d
--- /dev/null
+++ b/arc/workflows/golden-gate/workflow.dot
@@ -0,0 +1,14 @@
+digraph GoldenGate {
+    graph [
+        goal="Create a hyperrealistic interactive 3D Golden Gate Bridge flight experience",
+        model_stylesheet="* { llm_model: gpt-5.4; llm_provider: openai }"
+    ]
+    rankdir=LR
+
+    start [shape=Mdiamond, label="Start"]
+    exit  [shape=Msquare, label="Exit"]
+
+    build [label="Build Experience", prompt="@prompt.md"]
+
+    start -> build -> exit
+}