Design guides & learning resources

The Book of Shaders is an online, chapter-by-chapter guide to GLSL fragment shaders with editable examples in every section.

The Iconography Encyclopedia is an A–Z field guide to icon design terms, from anatomy and apex to stroke weight and wayfinding.

Vercel Labs' open-source agent skill that reviews UI code against Web Interface Guidelines — accessibility, interaction, and UX checks applied automatically in AI coding workflows.

Animation and UI design skills from Emil Kowalski, distilling years at Vercel and Linear into installable skills for designers and engineers.

visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.

A design prompt library for vibe coders — browse 1,200+ animated templates and sections, copy an AI-ready prompt, and paste it into Bolt, Lovable, v0 or Cursor.

92 free, copy-paste UI prompts for vibe coders across 15 categories: auth forms, pricing, hero sections, bento grids, dashboards and more.

OpenAI's developer-blog guide to designing delightful frontends with GPT-5.4 — interface patterns for model-driven products, straight from the team shipping them.

Agent skills that make AI agents genuinely good at building mobile apps — study top-grossing apps via Appllama, then build to a simulator-verified bar.

A Claude Code skills pack for design-adjacent work: curated resource articles, one-click website theme optimization, and design system document generation.

An AI-powered style explorer rendering 31+ design styles from the same data, with AI-ready prompts to recreate any aesthetic in your projects.

A collection of 550+ DESIGN.md files that give coding agents a real design system — colors, type, spacing, components and the reasoning behind them.

A curated toolkit of 70+ skills, plugins, MCP servers and CLAUDE.md tricks that make Claude Code output better-looking frontends.

A curated awesome list of 64 AI tools for building beautiful UI and UX, spanning agent skills, apps, MCP servers, design tools and resources.

Vercel explains design.md: one public file any coding agent can load to build on-brand pages, plus the eval loop that decided every rule in it.

A marketplace of 51+ production-ready DESIGN.md design system files for Claude, Cursor and Copilot, free to download with live previews.

A Claude skill and methodology for faithfully reproducing any website — from static pages to WebGL demos — using real source instead of AI guesswork.

Curated design-engineering skills for accessibility, motion, frontend craft and interface quality, installable via CLI or MCP into your AI agent.

An open source supply of generated DESIGN.md style guides for any public domain, shaped from live brand identity and markup via Context.dev.

A prompt library of 286 UI layout prompts across 15 categories — paste one into your AI tool and get clean, ready-to-ship Tailwind CSS markup.

Garry Tan's Claude Code workflow stack — slash commands for office hours, CEO-level plan review, rigorous code review, QA and release automation.

A curated collection of ready-to-use DESIGN.md files extracted from 73 real websites, for AI agents that need to generate on-brand UI.

A GitHub template that turns a URL into a clean Next.js clone — give your AI coding agent one command and it recreates the site.

A Claude and Codex skill for turning UI screenshots and design mockups into faithful HTML/CSS, with asset separation and screenshot-based verification.