Design recipes for AI coding agents

Asked to "build a beautiful site", a coding agent has to choose a UI kit, fonts, icons, colors and art, and use only what their licenses allow. Each recipe below does that for one kind of site: it picks from AgentGid's catalog by the look (style tags), by how easily an agent can use a source (npm package first, then API, then manual download) and by license (commercial use allowed, free and no credit first), and adds the libraries, Agent Skills and checks that go with it.

Minimal SaaS landing pageFor a product or developer-tool site: hero, features, 'works with' logos, pricing, FAQ minimal, flat, monochrome, corporate · 10 slots

Playful consumer app siteFor an app or game landing page with color, 3D or hand-drawn art and lively motion playful, colorful, 3d, hand-drawn · 9 slots

SaaS analytics site and appFor an analytics product: the marketing site (hero, features, pricing, FAQ) and the signed-in app (KPIs, charts, tables) minimal, flat, corporate, monochrome · 10 slots

Dashboard or admin appFor a data-heavy web app: tables, charts, forms, states minimal, flat, corporate, outline · 6 slots

Creative portfolio or agency siteFor a showcase with bold visuals, gradients, 3D and scroll motion gradient, abstract, glassmorphism, 3d · 8 slots

Documentation siteFor product or API docs: readable type, code, navigation, search minimal, monochrome, outline, flat · 6 slots

For AI agents

Each recipe has a plain Markdown brief at /assets/recipes/<slug>/agent.md, and the MCP server (https://agentgid.com/mcp) returns it with design_recipe(recipe | style). Start at /agent.md.