Design polished websites by pairing Claude Design with Claude Code
An author had Claude Code build sites for six industries, found them generic, then used Claude Design to set the visual direction and Claude Code to implement it. ·
Done withClaude CodeClaude
- What they did
- The author had AI build sites for six industries with free styling. Every one used the same badges, gradient text and card trios. For his own site, aiqkangber.com, he fed Claude Design his existing code or GitHub repo. It asked him questions, offered three button directions, and he steered spacing and color, sometimes with Dribbble screenshots. He then sent the result to Claude Code as a bundle of specs and design tokens.
- How it went
- His homepage, services page and newsletter page lost the generic look. The homepage got a particle-globe hero. Claude Design can't produce photos or complex illustrations, so those still have to come from you.
- Worth knowing
- Since late May 2026, Claude Design draws from the same usage pool as chat and Claude Code. It needs a paid plan, and using both together drains the quota faster.
Try it yourself with Claude Code
Build a [type of site, e.g. restaurant, law firm] website for [business name] in this folder. Before writing code, propose three distinct visual directions (palette, typography, layout, mood) so it doesn't look generic, and wait for me to pick one. Then implement the chosen direction as a responsive site I can preview locally, and stop when every page matches the direction.
Want help getting this working? Join the Vibe Coding Academy ↗ Run by Alex Finn, who also runs this site.
Source: vocus.cc · Nov 1, 2026 · Submitted by from search gap: 设计
Related use cases
Build a C compiler with a team of parallel agents
Anthropic's engineering write-up on tasking Opus 4.6 agent teams with building a C compiler.
Diagnose a killed process on a server
Codex CLI over SSH found the OOM killer in kernel logs on a 2 GB droplet with no swap and listed fixes by risk without changing anything.
Automate legal drafting and workflows with Claude Code
A commenter used Claude Code to build integrations and run agents on legal workflows, with Claude for Word for drafting plus playbooks and precedent libraries.
Produce a track in Ableton Live by talking
An MCP server that lets Codex drive Ableton Live, used to write and mix a full song from chat messages.
Turn a blog post into an animated infographic
A content creator fed a blog post into Gemini Canvas, which produced a coded animated infographic using brand colors and audience details from the chat thread.
Prototype a promo video and design work with bots
An xAI designer used bots to prototype an animated promo, build a playground from the animation spec, and handle Figma and prototype tasks.
Get 5 like this every morning
The best things people got an AI agent to do, each with the prompt to try it.