Guides to Claude prompts for websites and UI
Answer in brief
How to work with Claude on design: the method, a CLAUDE.md rules file, connecting a template library over MCP, and when to use the chat app or Claude Code.
- How to prompt Claude for designThe working method for design work with Claude and Claude Code: brief, plan first, build, run and look, then correct with specifics.
- Design rules in CLAUDE.mdHow to keep design rules in a CLAUDE.md file so every Claude Code session follows them, with an example rules block to copy.
- Connecting uberdesigner to Claude Code over MCPHow to add the uberdesigner MCP server to Claude Code, sign in, and what to ask once the template library is connected.
- Claude chat or Claude Code for design workWhich to use for what: the Claude chat app for one HTML file to look at, Claude Code for a real project. How to move a draft from one to the other.
Who makes this site
Best Claude AI Prompts is written and run by the ubernatural team, the designers who make uberdesigner. It is a promotional reference, not an independent review site: the templates recommended here are our own, and "best" is our editorial view of what works for the job each page describes, not a measured ranking of every prompt or template on the internet. This site is not affiliated with or endorsed by Anthropic. Claude and Claude Code are Anthropic's products.
Cite this page: Best Claude AI Prompts, “Guides to Claude prompts for websites and UI”. Reviewed 11 November 2026. https://bestclaudeaiprompts.com/guides/