28 AI Agent Prompts for Design Research You Can Copy and Paste
28 tested prompts for Claude, Cursor or Codex: portfolio research, competitor audits, client moodboards, colour and type research, and library cleanup.
Read article
Good references.
Better work.
Notes on collecting inspiration, sharing a direction,
and putting your references to work.
22 articles
How to Build a Moodboard With an AI Agent (Claude, Cursor or Codex)
A step-by-step guide to having Claude, Cursor or Codex research, verify and save design references into a moodboard, with the exact prompt that worked.
Read article
MCP Server for Designers: What It Is and How to Connect Your Reference Library
MCP explained in plain designer language, why a reference library is a good first MCP server, and setup for Claude Code, Claude Desktop, Cursor and Codex.
Read article
How to Automate Competitor Website Research With an AI Agent
A repeatable visual audit of competitor websites for agencies and product teams: let an AI agent gather and capture the set, then share it with the client.
Read article
How to Find What Tech Stack a Website Uses
View-source and a Wappalyzer lookup tell you what a site runs on. Here's how to check it properly, and how to keep that answer attached to the reference.
Read article
Milanote vs Moodmark: Which Mood Board Tool Should You Use?
Milanote is a canvas for arranging boards by hand. Moodmark captures websites in one click and finds them again by filtering, not dragging.
Read article
Eagle vs Moodmark: Which Visual Reference Tool Should You Use?
Eagle organizes files already on your desktop. Moodmark captures live websites in one click and filters your library by color. Here's the difference.
Read article
How to Build a Design Swipe File (and Actually Use It)
A swipe file only works if you can find things in it later. Here's how to build one designers actually keep using, with what to save and how to tag it.
Read article
Notion vs Moodmark for Organizing Design Inspiration
Designers use Notion to track inspiration because it is already open. Here is where that database breaks down and what a visual-first tool does instead.
Read article
Best Browser Extensions for Saving Design Inspiration in 2026
Compare the browser extensions designers actually use to save inspiration, and what to pick if you need to find references by how they look.
Read article
How to Extract a Color Palette From Any Website
Four ways to pull the exact color palette from any website, from a free browser eyedropper to automatic capture when you save the reference.
Read article
How to Find What Font a Website Uses
Five ways to identify the font on any website, from a browser trick to screenshot-matching tools, plus how to save it so you never look it up twice.
Read article
How to Organize Design Inspiration by Industry
A practical system for sorting design references by industry, so you find the right SaaS, fintech, or e-commerce pattern in seconds.
Read article
How to Share a Design Mood Board With Clients (and Get Real Feedback)
A Slack thread of screenshots buries client feedback. Here's how to share a filterable mood board clients can browse and vote on instead.
Read article
The Best Pinterest Alternatives for Web Designers in 2026
Pinterest wasn't built for web design work. Here are the best alternatives for saving, organizing, and finding real website references in 2026.
Read article
Moodmark vs Raindrop: Which Is Better for Design References?
Raindrop is a solid all-purpose bookmark manager, but if you save sites for their design, here is where a purpose-built visual tool pulls ahead.
Read article
How to Find Web Design Inspiration by Color (Not Just Category)
General inspiration tools filter by category, not color — even though color is what you remember first. Here's how to actually search by it.
Read article
How to Give Cursor a Visual Design Reference
Give Cursor useful visual context with screenshots, a design.md brief, project rules, file references, and a repeatable visual verification loop.
Read article
URL to Design System: Colors, Fonts and Components
Learn how to analyze a website URL into reusable colors, typography, spacing, components, states, and implementation-ready design tokens.
Read article
What Is a design.md File?
Learn what a design.md file contains, how it gives AI coding tools persistent visual context, and how to structure one for a real project.
Read article
Website Screenshot Bookmarking Guide for Designers
A practical guide to saving website screenshots as visual bookmarks with source links, tags, notes, and collections that still make sense later.
Read article
How to Turn Website Inspiration Into an AI Build Prompt
Learn how to turn website screenshots and design references into stronger AI build prompts with structure, palette, typography, components, and design tokens.
Read article
Written by Jan Vodvarka, designer and founder of Moodmark.
