voltagent/awesome-design-md

This repository is a curated collection of DESIGN.md files, which are plain Markdown documents that describe the visual style of well-known websites and products. The concept, introduced by Google Stitch, is that AI coding agents (tools like Cursor, Copilot, or Claude Code) can read a DESIGN.md file in your project root to understand how your user interface should look and feel: what colors to use, what typography style, what spacing and layout patterns. Instead of explaining your design preferences in a chat message every time you ask the agent to build a component, you drop a DESIGN.md in the project and the agent reads it automatically. The repository solves the problem of design inconsistency when using AI to generate UI. Without a design reference, an AI agent might produce generic-looking interfaces that do not match your brand. With a DESIGN.md describing, for example, Stripe's clean white-and-blue precise aesthetic or Supabase's dark emerald code-first look, the agent generates code that visually matches those styles. The repository contains 71 or more files covering AI platforms, developer tools, databases, fintech companies, and other popular software products, each with a description of its visual identity. You would use this if you are building a project with AI coding assistance and want the generated UI to have a coherent, recognizable style rather than a generic look. You pick the DESIGN.md file that matches the aesthetic you want, copy it into your project root, and tell your AI agent to build a page that follows it. There is no software to install or run. The files are plain Markdown text. The repo is part of the "awesome" list convention and is maintained by the VoltAgent project team.