Design.MD vs DOOM MCP

Design.MD is a collection of Markdown files that encode brand visual languages in a format AI coding agents actually understand. Drop a DESIGN.md file into your project and your AI coding agent — Cursor, Claude Code, Lovable, v0, Bolt — generates UI that matches the target brand instead of defaulting to "the AI beige" of generic Tailwind defaults. The library ships with 60+ ready-made design system files covering popular brands like Stripe, Notion, Linear, and Vercel, encoding their exact color palettes, typography scales, spacing systems, component patterns, and motion guidelines. Files include Tailwind configurations, CSS variables, and component-level patterns — not just vibe words. If a brand isn't available, there's a custom generation flow and a request system. This is a deceptively simple idea with real product leverage. AI agents are excellent at building functional UIs but terrible at design consistency without explicit constraints. DESIGN.md files act as a persistent design brief that the agent can read every time it touches the front end. For indie builders, agencies, and rapid prototypers, this solves a real and recurring problem — free and open, which removes any friction to adoption.

Chris Nager built a fully playable DOOM that runs as an MCP (Model Context Protocol) app, rendering inline inside Claude and ChatGPT without a separate browser tab. The architecture uses two MCP tools — create_doom_session for inline-capable hosts and get_doom_launch_url as a browser fallback — combined with cloudflare/doom-wasm for the game runtime and a signed token system that maintains session state across both surfaces. The result is the same session whether you're playing inline or in a tab. The key technical challenge was avoiding iframe and CSP (Content Security Policy) issues. Rather than embedding a browser page inside the MCP iframe, the DOOM canvas runs directly inside the host's iframe — a subtle but critical distinction that resolved a class of rendering and input-handling bugs. The final implementation is intentionally stripped down: no save/load, no persistence adapters, just stable playable DOOM. Beyond the novelty, this project is a concrete demonstration that MCP apps are interactive surfaces, not just tool-calling JSON endpoints. The progressive enhancement pattern — same signed-token foundation serving both inline and browser modes — is a reusable architecture for any game or interactive experience that wants to live inside an AI assistant. Nager open-sourced the implementation and the blog post is a detailed technical breakdown.