Jonathon's AI Wiki

AI Web Design

4 min read

AI-powered website and landing-page generation — prompt libraries, template marketplaces, AI website builders, and the spec-prompt patterns that turn one-shot prompts into production-ready frontends.

This topic covers the builder layer that sits on top of Claude Code, Claude Design, Lovable, Bolt, v0, and Cursor — paid prompt catalogs, free template galleries, the people selling them, and the design-quality patterns that separate vibe-prompted slop from spec-prompted polish.

For the underlying tooling itself (Claude Design, the design skills, MCP integrations) see Claude AI. For the prompt patterns this topic relies on, see Prompt Engineering.

Articles

  • Robo Nuggets) — impeccable.style, ~25k stars, MIT. Open-source toolkit behind the Claude Code design-skills cluster. v3 ships a 37-pattern AI-slop catalog, a Chrome extension that flags slop on any live URL, and a bake/tweak workflow for last-mile manual sliders. 23 commands operating against a shared 7-file design knowledge base (typography / color / spatial / responsiveness / interaction / motion / UX writing). Variation-first prompting (3 lightweight variants → pick by reaction). Canonical entity article for the framework that design-skills-overview documents skill-by-skill.
  • Open Design — Local-First Open-Source Alternative to Claude Design (nexu-io) — Apache-2.0, ~24.3k stars, TypeScript. Local-first runtime that auto-detects 15 coding-agent CLIs on the user’s PATH (Claude Code, Codex, Devin, Gemini, OpenCode, Cursor Agent, Qwen, Copilot, Hermes, Kimi, Kiro, Kilo, Mistral Vibe, DeepSeek, Pi) and drives them with 31 composable Skills (27 prototype + 4 deck modes) and 72 brand-grade Design Systems as DESIGN.md payloads. Multi-provider BYOK proxy (Anthropic / OpenAI / Azure / Google), read-only stdio MCP server defaulting to whatever project the user has open, anti-AI-slop machinery (turn-1 discovery form + 5-dimensional self-critique). The only entry in this topic that is simultaneously local-first, open-source, multi-agent, and Hermes-compatible — sits next to Refero Styles / Neuform / Crafft / MotionSites in the spec-prompt-catalog cluster but is structurally distinct as the runtime layer rather than a catalog.
  • Beautiful HTML Templates — 30-Template Slide Deck Library for AI Agents (zarazhangrui) — MIT, 17 stars at fetch. Clone-and-adapt library of 30 HTML slide-deck templates explicitly authored for AI coding agents to consume. Integration contract lives in AGENTS.md — the agent asks user about occasion + mood, picks 3 candidates from index.json, builds title-slide previews populated with the user’s real content, opens them, and lets the user pick by reaction. Strict preserve-fonts/palette/grid + replace-content rulebook. Layout-extension discipline (when a brief needs a slide type the template doesn’t have, the agent designs it in the template’s existing design system, not graft from another). Sister project to Frontend Slides by the same author — the Claude Code plugin form factor of the same design sensibility.
  • Design Rocket)
  • Refero Styles — Design Systems for AI Agents
  • Crafft — AI Creative Studio with Claude MCP
  • Neuform — AI HTML Design Templates and Systems (Meng To) — 400+ free design systems by Design+Code founder Meng To. Two consumption modes: download the rendered HTML, or copy the DESIGN.md spec-prompt and paste into Claude Design (or any compatible tool). Each system is remixable across web/mobile/slides/motion-design contexts. Heavy use of WebGL and three.js for landing-page section blocks. Login-walled catalog; main signal is Meng To’s own X bookmark + the public landing page. Sister to Refero Styles, Crafft, MotionSites in the spec-prompt-catalog cluster.

Adjacent coverage in other topics

7 items under this folder.