magicnight

Use when publishing or updating a static website on Cloudflare with Bun-managed Wrangler, especially when the release includes a custom domain, staging verification, cache/security headers, or rollback requirements.

Pipeline for taking an existing Claude Design prototype — an in-browser React + babel-standalone HTML mockup (one HTML entry loads src/*.jsx + design tokens, no build step) — toward a polished, dev-ready frontend, in four activities: INGEST it (map pages/components/tokens, find missing assets, write a DESIGN.md); GENERATE its missing image assets (mascots/banners/icons via the OpenAI image API — gpt-image-1.5, transparent backgrounds — placed by filename convention); BUILD new pages/components/features; POLISH it (visual hierarchy, states, mobile, i18n, a11y) — each verified in a real browser. Trigger when the user works on such a prototype (or names one like "new ui 2.0.html") and asks to ingest it, find/fill its missing image assets, preview it locally, build a page or feature in it, or polish/打磨 it — even if just one. NOT for: generic image generation, building a Next.js/Vite/Vue app from scratch, web perf/SEO, backend, logo design, file conversion, or design tools like Figma.