Give coding agents design inspiration from real websites
Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent.
Source
@nutlope on X · 2026-09-04
Written in our own words. Credit to the original author. Link checked 2026-10-15.
What they did
Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent.
Result (as claimed)
Announced on X ahead of launch.
Tools they used
Cost: Claude Code: free plan, paid from $17/mo; OpenAI Codex: free plan, paid from $8/mo. Checked 2026-10-14.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Claude Code and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Give coding agents design inspiration from real websites What the original author did: Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent. Reported result (as claimed by the author): Announced on X ahead of launch. Source: https://x.com/nutlope/status/2095890193957962077 Tools they used: Claude Code, OpenAI Codex Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Give coding agents design inspiration from real websites What the original author did: Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent. Reported result (as claimed by the author): Announced on X ahead of launch. Source: https://x.com/nutlope/status/2095890193957962077 Tools they used: Claude Code, OpenAI Codex Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Give coding agents design inspiration from real websites What the original author did: Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent. Reported result (as claimed by the author): Announced on X ahead of launch. Source: https://x.com/nutlope/status/2095890193957962077 Tools they used: Claude Code, OpenAI Codex Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Related use cases
Install design constraints so agents stop shipping purple-gradient UI
Published polished-ui-skills, a one-command install of design constraints for Cursor, Claude Code, Copilot and Codex.
Give coding agents a disposable Linux VM instead of your laptop
Built Clawk so coding agents run in a disposable Linux VM rather than directly on your machine.
Design a game UI with Codex image generation
Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look.
Build your first games as a designer, not a game dev
A 25-year designer built six games with Claude Code and Codex; getting them running was quick, making them fun took longer.