Make DESIGN.md

Overview

Create a validated, deterministic DESIGN.md from a webpage URL by collecting browser evidence, analyzing visual/layout screenshots in parallel, writing tokens and prose, running completeness and spec validation, then gating cross-agent reproduction with visual comparison and human approval before export.

Workflow

Follow this order exactly.

Create an artifact directory under the current project, for example .omx/artifacts/make-design-md/<slug>/.
Analyze HTML, CSS, asset, icon, motion, decoration, and screenshot evidence with Playwright by running the capture script:

npx --yes -p playwright node .codex/skills/make-design-md/scripts/capture_webpage_design.mjs "https://example.com" .omx/artifacts/make-design-md/example