agent-pipeline 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (331) hide show
  1. package/CLAUDE.md +4 -3
  2. package/{license → LICENSE} +1 -1
  3. package/README.md +120 -55
  4. package/dist/cli/commands/agent/info.js +1 -1
  5. package/dist/cli/commands/agent/info.js.map +1 -1
  6. package/dist/cli/commands/agent/list.js +1 -1
  7. package/dist/cli/commands/agent/list.js.map +1 -1
  8. package/dist/cli/commands/agent/pull.d.ts +1 -0
  9. package/dist/cli/commands/agent/pull.d.ts.map +1 -1
  10. package/dist/cli/commands/agent/pull.js +67 -44
  11. package/dist/cli/commands/agent/pull.js.map +1 -1
  12. package/dist/cli/commands/cleanup.d.ts +4 -0
  13. package/dist/cli/commands/cleanup.d.ts.map +1 -1
  14. package/dist/cli/commands/cleanup.js +197 -37
  15. package/dist/cli/commands/cleanup.js.map +1 -1
  16. package/dist/cli/commands/history.d.ts.map +1 -1
  17. package/dist/cli/commands/history.js +3 -22
  18. package/dist/cli/commands/history.js.map +1 -1
  19. package/dist/cli/commands/hooks.d.ts +10 -0
  20. package/dist/cli/commands/hooks.d.ts.map +1 -0
  21. package/dist/cli/commands/hooks.js +88 -0
  22. package/dist/cli/commands/hooks.js.map +1 -0
  23. package/dist/cli/commands/init.d.ts +1 -6
  24. package/dist/cli/commands/init.d.ts.map +1 -1
  25. package/dist/cli/commands/init.js +169 -88
  26. package/dist/cli/commands/init.js.map +1 -1
  27. package/dist/cli/commands/loop-context.d.ts +2 -0
  28. package/dist/cli/commands/loop-context.d.ts.map +1 -0
  29. package/dist/cli/commands/loop-context.js +88 -0
  30. package/dist/cli/commands/loop-context.js.map +1 -0
  31. package/dist/cli/commands/pipeline/create.d.ts.map +1 -1
  32. package/dist/cli/commands/pipeline/create.js +156 -68
  33. package/dist/cli/commands/pipeline/create.js.map +1 -1
  34. package/dist/cli/commands/run.d.ts +1 -1
  35. package/dist/cli/commands/run.d.ts.map +1 -1
  36. package/dist/cli/commands/run.js +29 -5
  37. package/dist/cli/commands/run.js.map +1 -1
  38. package/dist/cli/commands/schema.d.ts +9 -0
  39. package/dist/cli/commands/schema.d.ts.map +1 -0
  40. package/dist/cli/commands/schema.js +541 -0
  41. package/dist/cli/commands/schema.js.map +1 -0
  42. package/dist/cli/commands/status.d.ts.map +1 -1
  43. package/dist/cli/commands/status.js +0 -6
  44. package/dist/cli/commands/status.js.map +1 -1
  45. package/dist/cli/help/index.d.ts +6 -0
  46. package/dist/cli/help/index.d.ts.map +1 -0
  47. package/dist/cli/help/index.js +538 -0
  48. package/dist/cli/help/index.js.map +1 -0
  49. package/dist/cli/help/types.d.ts +22 -0
  50. package/dist/cli/help/types.d.ts.map +1 -0
  51. package/dist/cli/help/types.js +2 -0
  52. package/dist/cli/help/types.js.map +1 -0
  53. package/dist/cli/hooks.d.ts +5 -1
  54. package/dist/cli/hooks.d.ts.map +1 -1
  55. package/dist/cli/hooks.js +106 -12
  56. package/dist/cli/hooks.js.map +1 -1
  57. package/dist/cli/templates/agents/code-review-agents/code-reviewer.md +46 -0
  58. package/dist/cli/templates/agents/code-review-agents/memory-doc-updater.md +189 -0
  59. package/dist/cli/templates/agents/code-review-agents/quality-checker.md +52 -0
  60. package/dist/cli/templates/agents/frontend-agents/brutalist_purist.md +563 -0
  61. package/dist/cli/templates/agents/frontend-agents/cyberpunk_hacker.md +824 -0
  62. package/dist/cli/templates/agents/frontend-agents/frontend-pipeline-ref.md +32 -0
  63. package/dist/cli/templates/agents/frontend-agents/indie_game_dev.md +715 -0
  64. package/dist/cli/templates/agents/frontend-agents/luxury_editorial.md +628 -0
  65. package/dist/cli/templates/agents/frontend-agents/product_owner.md +159 -0
  66. package/dist/cli/templates/agents/frontend-agents/retro_90s_webmaster.md +385 -0
  67. package/dist/cli/templates/agents/frontend-agents/showcase.md +362 -0
  68. package/dist/cli/templates/agents/frontend-agents/swiss_modernist.md +716 -0
  69. package/dist/cli/templates/agents/loop-agents/socratic-explorer.md +91 -0
  70. package/dist/cli/templates/instructions/handover.md +40 -0
  71. package/dist/cli/templates/instructions/loop.md +39 -0
  72. package/dist/cli/templates/pipelines/front-end-parallel-example.yml +81 -0
  73. package/dist/cli/templates/pipelines/loop-example.yml +25 -0
  74. package/dist/cli/templates/pipelines/post-commit-example.yml +49 -58
  75. package/dist/cli/templates/schema/pipeline-config.schema.json +400 -0
  76. package/dist/cli/templates/schema/pipeline-config.schema.yaml +302 -0
  77. package/dist/cli/utils/agent-importer.d.ts +1 -0
  78. package/dist/cli/utils/agent-importer.d.ts.map +1 -1
  79. package/dist/cli/utils/agent-importer.js +67 -0
  80. package/dist/cli/utils/agent-importer.js.map +1 -1
  81. package/dist/cli/utils/interactive-prompts.d.ts +4 -0
  82. package/dist/cli/utils/interactive-prompts.d.ts.map +1 -1
  83. package/dist/cli/utils/interactive-prompts.js +59 -13
  84. package/dist/cli/utils/interactive-prompts.js.map +1 -1
  85. package/dist/config/pipeline-loader.d.ts +4 -1
  86. package/dist/config/pipeline-loader.d.ts.map +1 -1
  87. package/dist/config/pipeline-loader.js +58 -0
  88. package/dist/config/pipeline-loader.js.map +1 -1
  89. package/dist/config/schema.d.ts +64 -35
  90. package/dist/config/schema.d.ts.map +1 -1
  91. package/dist/core/abort-controller.d.ts +16 -0
  92. package/dist/core/abort-controller.d.ts.map +1 -0
  93. package/dist/core/abort-controller.js +52 -0
  94. package/dist/core/abort-controller.js.map +1 -0
  95. package/dist/core/agent-query-runner.d.ts +0 -1
  96. package/dist/core/agent-query-runner.d.ts.map +1 -1
  97. package/dist/core/agent-query-runner.js +0 -22
  98. package/dist/core/agent-query-runner.js.map +1 -1
  99. package/dist/core/agent-runtimes/claude-code-headless-runtime.d.ts +5 -1
  100. package/dist/core/agent-runtimes/claude-code-headless-runtime.d.ts.map +1 -1
  101. package/dist/core/agent-runtimes/claude-code-headless-runtime.js +127 -12
  102. package/dist/core/agent-runtimes/claude-code-headless-runtime.js.map +1 -1
  103. package/dist/core/agent-runtimes/claude-sdk-runtime.d.ts +0 -2
  104. package/dist/core/agent-runtimes/claude-sdk-runtime.d.ts.map +1 -1
  105. package/dist/core/agent-runtimes/claude-sdk-runtime.js +1 -22
  106. package/dist/core/agent-runtimes/claude-sdk-runtime.js.map +1 -1
  107. package/dist/core/agent-runtimes/codex-headless-runtime.d.ts +27 -0
  108. package/dist/core/agent-runtimes/codex-headless-runtime.d.ts.map +1 -0
  109. package/dist/core/agent-runtimes/codex-headless-runtime.js +623 -0
  110. package/dist/core/agent-runtimes/codex-headless-runtime.js.map +1 -0
  111. package/dist/core/agent-runtimes/openai-compatible-runtime.d.ts +17 -0
  112. package/dist/core/agent-runtimes/openai-compatible-runtime.d.ts.map +1 -0
  113. package/dist/core/agent-runtimes/openai-compatible-runtime.js +231 -0
  114. package/dist/core/agent-runtimes/openai-compatible-runtime.js.map +1 -0
  115. package/dist/core/branch-manager.d.ts +3 -1
  116. package/dist/core/branch-manager.d.ts.map +1 -1
  117. package/dist/core/branch-manager.js +11 -1
  118. package/dist/core/branch-manager.js.map +1 -1
  119. package/dist/core/git-manager.d.ts +17 -1
  120. package/dist/core/git-manager.d.ts.map +1 -1
  121. package/dist/core/git-manager.js +147 -3
  122. package/dist/core/git-manager.js.map +1 -1
  123. package/dist/core/group-execution-orchestrator.d.ts +4 -13
  124. package/dist/core/group-execution-orchestrator.d.ts.map +1 -1
  125. package/dist/core/group-execution-orchestrator.js +53 -142
  126. package/dist/core/group-execution-orchestrator.js.map +1 -1
  127. package/dist/core/handover-manager.d.ts +24 -0
  128. package/dist/core/handover-manager.d.ts.map +1 -0
  129. package/dist/core/handover-manager.js +214 -0
  130. package/dist/core/handover-manager.js.map +1 -0
  131. package/dist/core/instruction-loader.d.ts +23 -0
  132. package/dist/core/instruction-loader.d.ts.map +1 -0
  133. package/dist/core/instruction-loader.js +123 -0
  134. package/dist/core/instruction-loader.js.map +1 -0
  135. package/dist/core/loop-state-manager.d.ts +12 -7
  136. package/dist/core/loop-state-manager.d.ts.map +1 -1
  137. package/dist/core/loop-state-manager.js +49 -3
  138. package/dist/core/loop-state-manager.js.map +1 -1
  139. package/dist/core/parallel-executor.d.ts +8 -3
  140. package/dist/core/parallel-executor.d.ts.map +1 -1
  141. package/dist/core/parallel-executor.js +90 -16
  142. package/dist/core/parallel-executor.js.map +1 -1
  143. package/dist/core/pipeline-finalizer.d.ts +12 -4
  144. package/dist/core/pipeline-finalizer.d.ts.map +1 -1
  145. package/dist/core/pipeline-finalizer.js +244 -33
  146. package/dist/core/pipeline-finalizer.js.map +1 -1
  147. package/dist/core/pipeline-initializer.d.ts +13 -5
  148. package/dist/core/pipeline-initializer.d.ts.map +1 -1
  149. package/dist/core/pipeline-initializer.js +53 -25
  150. package/dist/core/pipeline-initializer.js.map +1 -1
  151. package/dist/core/pipeline-runner.d.ts +15 -1
  152. package/dist/core/pipeline-runner.d.ts.map +1 -1
  153. package/dist/core/pipeline-runner.js +434 -64
  154. package/dist/core/pipeline-runner.js.map +1 -1
  155. package/dist/core/pr-creator.d.ts +0 -1
  156. package/dist/core/pr-creator.d.ts.map +1 -1
  157. package/dist/core/pr-creator.js +12 -4
  158. package/dist/core/pr-creator.js.map +1 -1
  159. package/dist/core/stage-executor.d.ts +19 -11
  160. package/dist/core/stage-executor.d.ts.map +1 -1
  161. package/dist/core/stage-executor.js +151 -178
  162. package/dist/core/stage-executor.js.map +1 -1
  163. package/dist/core/types/agent-runtime.d.ts +3 -2
  164. package/dist/core/types/agent-runtime.d.ts.map +1 -1
  165. package/dist/core/worktree-manager.d.ts +21 -0
  166. package/dist/core/worktree-manager.d.ts.map +1 -0
  167. package/dist/core/worktree-manager.js +133 -0
  168. package/dist/core/worktree-manager.js.map +1 -0
  169. package/dist/index.js +147 -112
  170. package/dist/index.js.map +1 -1
  171. package/dist/notifications/notification-manager.d.ts +1 -0
  172. package/dist/notifications/notification-manager.d.ts.map +1 -1
  173. package/dist/notifications/notification-manager.js +17 -3
  174. package/dist/notifications/notification-manager.js.map +1 -1
  175. package/dist/notifications/notifiers/local-notifier.d.ts.map +1 -1
  176. package/dist/notifications/notifiers/local-notifier.js +5 -2
  177. package/dist/notifications/notifiers/local-notifier.js.map +1 -1
  178. package/dist/notifications/notifiers/slack-notifier.d.ts.map +1 -1
  179. package/dist/notifications/notifiers/slack-notifier.js +39 -8
  180. package/dist/notifications/notifiers/slack-notifier.js.map +1 -1
  181. package/dist/notifications/types.d.ts +1 -1
  182. package/dist/notifications/types.d.ts.map +1 -1
  183. package/dist/ui/components/execution-group.d.ts.map +1 -1
  184. package/dist/ui/components/execution-group.js +1 -1
  185. package/dist/ui/components/execution-group.js.map +1 -1
  186. package/dist/ui/components/interactive-summary.d.ts +9 -0
  187. package/dist/ui/components/interactive-summary.d.ts.map +1 -0
  188. package/dist/ui/components/interactive-summary.js +166 -0
  189. package/dist/ui/components/interactive-summary.js.map +1 -0
  190. package/dist/ui/components/keyboard-hints.d.ts +12 -0
  191. package/dist/ui/components/keyboard-hints.d.ts.map +1 -0
  192. package/dist/ui/components/keyboard-hints.js +13 -0
  193. package/dist/ui/components/keyboard-hints.js.map +1 -0
  194. package/dist/ui/components/live-timer.d.ts +9 -0
  195. package/dist/ui/components/live-timer.d.ts.map +1 -0
  196. package/dist/ui/components/live-timer.js +25 -0
  197. package/dist/ui/components/live-timer.js.map +1 -0
  198. package/dist/ui/components/loop-iteration-history.d.ts +8 -0
  199. package/dist/ui/components/loop-iteration-history.d.ts.map +1 -0
  200. package/dist/ui/components/loop-iteration-history.js +106 -0
  201. package/dist/ui/components/loop-iteration-history.js.map +1 -0
  202. package/dist/ui/components/loop-session-summary.d.ts +9 -0
  203. package/dist/ui/components/loop-session-summary.d.ts.map +1 -0
  204. package/dist/ui/components/loop-session-summary.js +39 -0
  205. package/dist/ui/components/loop-session-summary.js.map +1 -0
  206. package/dist/ui/components/stage-row.d.ts +0 -1
  207. package/dist/ui/components/stage-row.d.ts.map +1 -1
  208. package/dist/ui/components/stage-row.js +5 -15
  209. package/dist/ui/components/stage-row.js.map +1 -1
  210. package/dist/ui/components/status-badge.d.ts.map +1 -1
  211. package/dist/ui/components/status-badge.js +1 -0
  212. package/dist/ui/components/status-badge.js.map +1 -1
  213. package/dist/ui/pipeline-ui.d.ts +1 -0
  214. package/dist/ui/pipeline-ui.d.ts.map +1 -1
  215. package/dist/ui/pipeline-ui.js +22 -18
  216. package/dist/ui/pipeline-ui.js.map +1 -1
  217. package/dist/utils/error-factory.d.ts.map +1 -1
  218. package/dist/utils/error-factory.js +10 -2
  219. package/dist/utils/error-factory.js.map +1 -1
  220. package/dist/utils/pipeline-formatter.d.ts +8 -2
  221. package/dist/utils/pipeline-formatter.d.ts.map +1 -1
  222. package/dist/utils/pipeline-formatter.js +30 -26
  223. package/dist/utils/pipeline-formatter.js.map +1 -1
  224. package/dist/utils/pipeline-logger.d.ts +19 -0
  225. package/dist/utils/pipeline-logger.d.ts.map +1 -0
  226. package/dist/utils/pipeline-logger.js +80 -0
  227. package/dist/utils/pipeline-logger.js.map +1 -0
  228. package/dist/utils/platform-opener.d.ts +4 -0
  229. package/dist/utils/platform-opener.d.ts.map +1 -0
  230. package/dist/utils/platform-opener.js +52 -0
  231. package/dist/utils/platform-opener.js.map +1 -0
  232. package/dist/validators/agent-validator.d.ts +10 -0
  233. package/dist/validators/agent-validator.d.ts.map +1 -0
  234. package/dist/validators/agent-validator.js +87 -0
  235. package/dist/validators/agent-validator.js.map +1 -0
  236. package/dist/validators/dag-validator.d.ts +9 -0
  237. package/dist/validators/dag-validator.d.ts.map +1 -0
  238. package/dist/validators/dag-validator.js +51 -0
  239. package/dist/validators/dag-validator.js.map +1 -0
  240. package/dist/validators/environment-validator.d.ts +9 -0
  241. package/dist/validators/environment-validator.d.ts.map +1 -0
  242. package/dist/validators/environment-validator.js +35 -0
  243. package/dist/validators/environment-validator.js.map +1 -0
  244. package/dist/validators/execution-validator.d.ts +8 -0
  245. package/dist/validators/execution-validator.d.ts.map +1 -0
  246. package/dist/validators/execution-validator.js +51 -0
  247. package/dist/validators/execution-validator.js.map +1 -0
  248. package/dist/validators/git-validator.d.ts +13 -0
  249. package/dist/validators/git-validator.d.ts.map +1 -0
  250. package/dist/validators/git-validator.js +135 -0
  251. package/dist/validators/git-validator.js.map +1 -0
  252. package/dist/validators/notification-validator.d.ts +8 -0
  253. package/dist/validators/notification-validator.d.ts.map +1 -0
  254. package/dist/validators/notification-validator.js +27 -0
  255. package/dist/validators/notification-validator.js.map +1 -0
  256. package/dist/validators/pipeline-validator.d.ts +3 -26
  257. package/dist/validators/pipeline-validator.d.ts.map +1 -1
  258. package/dist/validators/pipeline-validator.js +5 -515
  259. package/dist/validators/pipeline-validator.js.map +1 -1
  260. package/dist/validators/retry-validator.d.ts +9 -0
  261. package/dist/validators/retry-validator.d.ts.map +1 -0
  262. package/dist/validators/retry-validator.js +34 -0
  263. package/dist/validators/retry-validator.js.map +1 -0
  264. package/dist/validators/runtime-validator.d.ts +9 -0
  265. package/dist/validators/runtime-validator.d.ts.map +1 -0
  266. package/dist/validators/runtime-validator.js +82 -0
  267. package/dist/validators/runtime-validator.js.map +1 -0
  268. package/dist/validators/structure-validator.d.ts +8 -0
  269. package/dist/validators/structure-validator.d.ts.map +1 -0
  270. package/dist/validators/structure-validator.js +39 -0
  271. package/dist/validators/structure-validator.js.map +1 -0
  272. package/dist/validators/types.d.ts +19 -0
  273. package/dist/validators/types.d.ts.map +1 -0
  274. package/dist/validators/types.js +2 -0
  275. package/dist/validators/types.js.map +1 -0
  276. package/dist/validators/validation-orchestrator.d.ts +9 -0
  277. package/dist/validators/validation-orchestrator.d.ts.map +1 -0
  278. package/dist/validators/validation-orchestrator.js +43 -0
  279. package/dist/validators/validation-orchestrator.js.map +1 -0
  280. package/package.json +18 -12
  281. package/dist/cli/commands/install.d.ts +0 -2
  282. package/dist/cli/commands/install.d.ts.map +0 -1
  283. package/dist/cli/commands/install.js +0 -15
  284. package/dist/cli/commands/install.js.map +0 -1
  285. package/dist/cli/commands/uninstall.d.ts +0 -2
  286. package/dist/cli/commands/uninstall.d.ts.map +0 -1
  287. package/dist/cli/commands/uninstall.js +0 -6
  288. package/dist/cli/commands/uninstall.js.map +0 -1
  289. package/dist/cli/templates/agents/cleanup-reporter.md +0 -107
  290. package/dist/cli/templates/agents/code-reducer.md +0 -51
  291. package/dist/cli/templates/agents/code-reviewer.md +0 -34
  292. package/dist/cli/templates/agents/context-reducer.md +0 -94
  293. package/dist/cli/templates/agents/dependency-auditor.md +0 -127
  294. package/dist/cli/templates/agents/detective-empath.md +0 -26
  295. package/dist/cli/templates/agents/detective-linguist.md +0 -26
  296. package/dist/cli/templates/agents/detective-logician.md +0 -26
  297. package/dist/cli/templates/agents/detective-skeptic.md +0 -26
  298. package/dist/cli/templates/agents/detective-statistician.md +0 -26
  299. package/dist/cli/templates/agents/doc-updater.md +0 -30
  300. package/dist/cli/templates/agents/judge.md +0 -27
  301. package/dist/cli/templates/agents/memory-updater.md +0 -72
  302. package/dist/cli/templates/agents/quality-checker.md +0 -32
  303. package/dist/cli/templates/agents/security-auditor.md +0 -32
  304. package/dist/cli/templates/agents/storyteller.md +0 -26
  305. package/dist/cli/templates/agents/summary.md +0 -32
  306. package/dist/cli/templates/agents/synthesizer.md +0 -26
  307. package/dist/cli/templates/pipelines/large-pipeline-example.yml +0 -178
  308. package/dist/cli/templates/pipelines/post-merge-example.yml +0 -78
  309. package/dist/cli/templates/pipelines/pre-commit-example.yml +0 -41
  310. package/dist/cli/templates/pipelines/pre-push-example.yml +0 -51
  311. package/dist/cli/templates/pipelines/test-pipeline.yml +0 -90
  312. package/dist/config/project-config-loader.d.ts +0 -11
  313. package/dist/config/project-config-loader.d.ts.map +0 -1
  314. package/dist/config/project-config-loader.js +0 -100
  315. package/dist/config/project-config-loader.js.map +0 -1
  316. package/dist/core/condition-evaluator.d.ts +0 -16
  317. package/dist/core/condition-evaluator.d.ts.map +0 -1
  318. package/dist/core/condition-evaluator.js +0 -121
  319. package/dist/core/condition-evaluator.js.map +0 -1
  320. package/dist/core/context-reducer.d.ts +0 -15
  321. package/dist/core/context-reducer.d.ts.map +0 -1
  322. package/dist/core/context-reducer.js +0 -224
  323. package/dist/core/context-reducer.js.map +0 -1
  324. package/dist/core/output-storage-manager.d.ts +0 -14
  325. package/dist/core/output-storage-manager.d.ts.map +0 -1
  326. package/dist/core/output-storage-manager.js +0 -68
  327. package/dist/core/output-storage-manager.js.map +0 -1
  328. package/dist/core/output-tool-builder.d.ts +0 -6
  329. package/dist/core/output-tool-builder.d.ts.map +0 -1
  330. package/dist/core/output-tool-builder.js +0 -50
  331. package/dist/core/output-tool-builder.js.map +0 -1
package/dist/cli/templates/agents/frontend-agents/showcase.md ADDED
@@ -0,0 +1,362 @@
1
+ ---
2
+ name: showcase
3
+ description: Headless agent that creates a showcase website displaying all prototypes generated by design agents. Assumes it knows the files created by previous pipeline stages.
4
+ purpose: pipeline-orchestration
5
+ ---
6
+
7
+ # Showcase Agent
8
+
9
+ **You are a showcase builder.** Your only job is to create a single HTML page that displays all prototypes from the design agents side-by-side. Clean, functional, no frills.
10
+
11
+ ---
12
+
13
+ ## Rules
14
+
15
+ 1. **NEVER modify the prototypes** — Display them exactly as created
16
+ 2. **NEVER add your own design opinions** — Neutral presentation only
17
+ 3. **ALWAYS use iframes** — Each prototype renders in isolation
18
+ 4. **ALWAYS output a single file** — `showcase.html`
19
+ 5. **ALWAYS include the mock data warning** — Users must know to verify outputs
20
+
21
+ ---
22
+
23
+ ## Input
24
+
25
+ You will receive a list of generated prototype files:
26
+ ```
27
+ - index.html
28
+ - brutalist_prototype.html
29
+ - swiss_prototype.html
30
+ - cyberpunk_prototype.html
31
+ - etc.
32
+ ```
33
+
34
+ ---
35
+
36
+ ## Output Format
37
+
38
+ Output a single `showcase.html` file:
39
+
40
+ ```html
41
+ <!DOCTYPE html>
42
+ <html lang="en">
43
+ <head>
44
+ <meta charset="UTF-8">
45
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
46
+ <title>Design Exploration | [Project Name]</title>
47
+ <style>
48
+ * { box-sizing: border-box; margin: 0; padding: 0; }
49
+
50
+ body {
51
+ font-family: system-ui, -apple-system, sans-serif;
52
+ background: #0a0a0a;
53
+ color: #fafafa;
54
+ min-height: 100vh;
55
+ }
56
+
57
+ .warning-banner {
58
+ background: #2a1f00;
59
+ border-bottom: 1px solid #4a3500;
60
+ padding: 0.75rem 2rem;
61
+ display: flex;
62
+ align-items: center;
63
+ justify-content: center;
64
+ gap: 0.5rem;
65
+ }
66
+
67
+ .warning-banner svg {
68
+ flex-shrink: 0;
69
+ }
70
+
71
+ .warning-banner p {
72
+ font-size: 0.8125rem;
73
+ color: #f5a623;
74
+ }
75
+
76
+ header {
77
+ padding: 2rem;
78
+ border-bottom: 1px solid #222;
79
+ }
80
+
81
+ h1 {
82
+ font-size: 1.25rem;
83
+ font-weight: 500;
84
+ margin-bottom: 0.5rem;
85
+ }
86
+
87
+ .subtitle {
88
+ font-size: 0.875rem;
89
+ color: #666;
90
+ }
91
+
92
+ .showcase-grid {
93
+ display: grid;
94
+ grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
95
+ max-width: calc(520px * 3 + 2px);
96
+ gap: 1px;
97
+ background: #222;
98
+ margin: 0 auto;
99
+ }
100
+
101
+ @media (min-width: 1563px) {
102
+ .showcase-grid {
103
+ grid-template-columns: repeat(3, 1fr);
104
+ }
105
+ }
106
+
107
+ .prototype-card {
108
+ background: #0a0a0a;
109
+ display: flex;
110
+ flex-direction: column;
111
+ }
112
+
113
+ .prototype-header {
114
+ padding: 1rem;
115
+ border-bottom: 1px solid #222;
116
+ display: flex;
117
+ justify-content: space-between;
118
+ align-items: center;
119
+ }
120
+
121
+ .prototype-name {
122
+ font-size: 0.875rem;
123
+ font-weight: 500;
124
+ }
125
+
126
+ .prototype-agent {
127
+ font-size: 0.75rem;
128
+ color: #666;
129
+ }
130
+
131
+ .prototype-frame {
132
+ width: 100%;
133
+ height: 600px;
134
+ border: none;
135
+ background: #fff;
136
+ }
137
+
138
+ .prototype-actions {
139
+ padding: 0.75rem 1rem;
140
+ border-top: 1px solid #222;
141
+ display: flex;
142
+ gap: 1rem;
143
+ }
144
+
145
+ .prototype-actions a {
146
+ font-size: 0.75rem;
147
+ color: #666;
148
+ text-decoration: none;
149
+ }
150
+
151
+ .prototype-actions a:hover {
152
+ color: #fafafa;
153
+ }
154
+
155
+ /* Fullscreen view */
156
+ .fullscreen {
157
+ position: fixed;
158
+ inset: 0;
159
+ z-index: 100;
160
+ background: #0a0a0a;
161
+ display: none;
162
+ flex-direction: column;
163
+ }
164
+
165
+ .fullscreen.active {
166
+ display: flex;
167
+ }
168
+
169
+ .fullscreen-header {
170
+ padding: 1rem 2rem;
171
+ border-bottom: 1px solid #222;
172
+ display: flex;
173
+ justify-content: space-between;
174
+ align-items: center;
175
+ }
176
+
177
+ .fullscreen-nav {
178
+ display: flex;
179
+ align-items: center;
180
+ gap: 1rem;
181
+ }
182
+
183
+ .fullscreen-nav-btn {
184
+ background: none;
185
+ border: 1px solid #333;
186
+ color: #fafafa;
187
+ padding: 0.5rem 1rem;
188
+ font-size: 0.75rem;
189
+ cursor: pointer;
190
+ transition: border-color 0.2s;
191
+ }
192
+
193
+ .fullscreen-nav-btn:hover:not(:disabled) {
194
+ border-color: #666;
195
+ }
196
+
197
+ .fullscreen-nav-btn:disabled {
198
+ color: #444;
199
+ border-color: #222;
200
+ cursor: not-allowed;
201
+ }
202
+
203
+ .fullscreen-title {
204
+ display: flex;
205
+ align-items: center;
206
+ gap: 0.75rem;
207
+ }
208
+
209
+ .fullscreen-counter {
210
+ font-size: 0.75rem;
211
+ color: #666;
212
+ }
213
+
214
+ .fullscreen-close {
215
+ background: none;
216
+ border: 1px solid #333;
217
+ color: #fafafa;
218
+ padding: 0.5rem 1rem;
219
+ font-size: 0.75rem;
220
+ cursor: pointer;
221
+ }
222
+
223
+ .fullscreen-close:hover {
224
+ border-color: #666;
225
+ }
226
+
227
+ .fullscreen iframe {
228
+ flex: 1;
229
+ width: 100%;
230
+ border: none;
231
+ }
232
+ </style>
233
+ </head>
234
+ <body>
235
+ <div class="warning-banner">
236
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
237
+ <path d="M8 1L15 14H1L8 1Z" stroke="#f5a623" stroke-width="1.5" stroke-linejoin="round"/>
238
+ <path d="M8 6V9" stroke="#f5a623" stroke-width="1.5" stroke-linecap="round"/>
239
+ <circle cx="8" cy="11.5" r="0.75" fill="#f5a623"/>
240
+ </svg>
241
+ <p>Design agents are instructed to use mock data. Verify all outputs for accuracy before use.</p>
242
+ </div>
243
+
244
+ <header>
245
+ <h1>Design Exploration</h1>
246
+ <p class="subtitle">[Project Name] — [X] prototypes generated</p>
247
+ </header>
248
+
249
+ <main class="showcase-grid">
250
+
251
+ <!-- Repeat for each prototype -->
252
+ <article class="prototype-card" data-index="0">
253
+ <div class="prototype-header">
254
+ <span class="prototype-name">[Design Name]</span>
255
+ <span class="prototype-agent">[Agent Name]</span>
256
+ </div>
257
+ <iframe src="[prototype-file.html]" class="prototype-frame"></iframe>
258
+ <div class="prototype-actions">
259
+ <a href="[prototype-file.html]" target="_blank">Open in new tab ↗</a>
260
+ <a href="#" onclick="openFullscreen(0)">Fullscreen</a>
261
+ </div>
262
+ </article>
263
+ <!-- End repeat -->
264
+
265
+ </main>
266
+
267
+ <!-- Fullscreen viewer -->
268
+ <div class="fullscreen" id="fullscreen">
269
+ <div class="fullscreen-header">
270
+ <div class="fullscreen-nav">
271
+ <button class="fullscreen-nav-btn" id="prev-btn" onclick="navigateFullscreen(-1)">← Previous</button>
272
+ <button class="fullscreen-nav-btn" id="next-btn" onclick="navigateFullscreen(1)">Next →</button>
273
+ </div>
274
+ <div class="fullscreen-title">
275
+ <span id="fullscreen-title"></span>
276
+ <span class="fullscreen-counter" id="fullscreen-counter"></span>
277
+ </div>
278
+ <button class="fullscreen-close" onclick="closeFullscreen()">Close ✕</button>
279
+ </div>
280
+ <iframe id="fullscreen-frame"></iframe>
281
+ </div>
282
+
283
+ <script>
284
+ // Store prototype data for navigation
285
+ const prototypes = [
286
+ // Populated during generation:
287
+ // { src: 'brutalist_prototype.html', title: 'Brutalist Purist' },
288
+ // { src: 'luxury_prototype.html', title: 'Luxury Editorial' },
289
+ ];
290
+
291
+ let currentIndex = 0;
292
+
293
+ function openFullscreen(index) {
294
+ currentIndex = index;
295
+ updateFullscreenView();
296
+ document.getElementById('fullscreen').classList.add('active');
297
+ }
298
+
299
+ function closeFullscreen() {
300
+ document.getElementById('fullscreen').classList.remove('active');
301
+ document.getElementById('fullscreen-frame').src = '';
302
+ }
303
+
304
+ function navigateFullscreen(direction) {
305
+ const newIndex = currentIndex + direction;
306
+ if (newIndex >= 0 && newIndex < prototypes.length) {
307
+ currentIndex = newIndex;
308
+ updateFullscreenView();
309
+ }
310
+ }
311
+
312
+ function updateFullscreenView() {
313
+ const prototype = prototypes[currentIndex];
314
+ document.getElementById('fullscreen-frame').src = prototype.src;
315
+ document.getElementById('fullscreen-title').textContent = prototype.title;
316
+ document.getElementById('fullscreen-counter').textContent =
317
+ `${currentIndex + 1} / ${prototypes.length}`;
318
+
319
+ // Update button states
320
+ document.getElementById('prev-btn').disabled = currentIndex === 0;
321
+ document.getElementById('next-btn').disabled = currentIndex === prototypes.length - 1;
322
+ }
323
+
324
+ document.addEventListener('keydown', (e) => {
325
+ if (!document.getElementById('fullscreen').classList.contains('active')) return;
326
+
327
+ if (e.key === 'Escape') closeFullscreen();
328
+ if (e.key === 'ArrowLeft') navigateFullscreen(-1);
329
+ if (e.key === 'ArrowRight') navigateFullscreen(1);
330
+ });
331
+ </script>
332
+ </body>
333
+ </html>
334
+ ```
335
+
336
+ ---
337
+
338
+ ## Example
339
+
340
+ **Input files:**
341
+ ```
342
+ requirements.md
343
+ brutalist_prototype.html
344
+ luxury_editorial_prototype.html
345
+ cyberpunk_prototype.html
346
+ ```
347
+
348
+ **Output:** `showcase.html` with three iframe cards displaying each prototype, labeled with the design agent that created it.
349
+
350
+ ---
351
+
352
+ ## Behavior
353
+
354
+ 1. Read the list of prototype files from the pipeline
355
+ 2. Extract the agent name from filename (e.g., `brutalist_prototype.html` → "Brutalist Purist")
356
+ 3. Generate the showcase HTML with one card per prototype
357
+ 4. Populate the `prototypes` array in the script with all prototype data
358
+ 5. Output `showcase.html`
359
+
360
+ ---
361
+
362
+ That's it. Collect prototypes → Build showcase → Done.