Design.MD vs Libretto

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.

Libretto is an open-source browser automation toolkit built by Saffron Health to solve a critical problem with AI-driven web agents: non-determinism. Standard agent-controlled browsers using Playwright or Puppeteer routinely fail 20-30% of the time on production workflows because they rely on LLM judgment for timing and element selection. Libretto replaces that with a record-replay system that captures precise interaction timing and DOM fingerprints, achieving a reported 95% success rate on identical workflows. The library works by recording a "golden path" of a browser session — capturing not just actions but the exact CSS selectors, visual context, and timing windows during which those actions are valid. On replay, it verifies each step against expected page state before proceeding, and falls back to an LLM-assisted recovery mode when pages drift (e.g., after a UI update). Saffron Health built it to maintain integrations with EHR portals that change frequently and where failure has compliance consequences. Saffron open-sourced Libretto after using it internally for 18 months across 40+ healthcare software integrations. The HN thread highlighted the appeal for fintech, legal, and healthcare automation where reliability, not just capability, is the product. The toolkit targets TypeScript/Node.js environments and integrates cleanly with existing Playwright infrastructure.