Search tools or jump to a category
Directory
Every entry includes where it came from, honest pricing, and exact steps to install or use it.
20 tools matching “web-design”
Apple's design rules as a Claude skill: principles for interface design and fluid motion from WWDC talks, translated for the web.
Curated library of real website designs, captured and taken apart
Agent skill that turns plain English into one interactive HTML diagram
Replace text already inside an image while matching its original font, colour and background
Browser AI image upscaler — 2x or 4x, no watermark, with background removal and alt-text generation
Live Mermaid diagram editor with AI text-to-diagram and screenshot-to-diagram, exporting PNG, SVG and code
A curated library of real product UI, with palettes, fonts and AI build prompts you can use in Claude Code and Cursor
Extract a site's real favicon — ICO, PNG, SVG or Apple touch icon — by URL, in bulk, or via a free API
Inspect a CAD file inside Claude — format, dimensions, volume and units, without opening CAD software
A curated gallery of hero sections worth stealing ideas from.
Real products' design styles packaged as DESIGN.md files your AI agent can follow.
A free gallery of call-to-action sections designed to get clicks.
The only gallery dedicated entirely to website footer design inspiration.
A curated gallery of the best navbar and navigation designs on the web.
Adobe's generative AI for images and design, built into Creative Cloud
Real-time AI image generation and enhancement with a live canvas
AI app builder that ships full-stack Next.js, Supabase and Vercel apps.
Video editing with AI superpowers, free.