From Claude Design to Claude Code: agentic building with human oversight

A useful start is a concrete design brief: who uses the page, which task should be made simple, which content is mandatory and which accessibility or brand rules apply? Then explore multiple directions and discuss them with real users or colleagues. A prototype is valuable precisely because it makes ideas visible before much implementation work has been done. Check hierarchy, mobile display, contrast, keyboard operation and the comprehensibility of text, among other things. AI can produce options; the judgement about the right option remains with the team. ^[1]

Practical implications

Afterwards, the chosen direction can be translated into an existing or new codebase. The Claude Code documentation describes an agentic cycle of gathering context, executing action and verifying results. That can mean the tool examines project files, adjusts components and runs tests or other commands. For web design, it is important to set boundaries in advance: which files may be modified, which commands are permitted and which dependencies are acceptable? Small, controllable changes are easier to assess than a large rewrite. ^[1]

Check points

The verification phase is not a formality. Review code differences, run the existing checks, test responsive behaviour and verify forms, navigation and error states. Also assess performance, accessibility, privacy and security. A visually convincing screenshot does not prove that the page is semantically correct or works reliably in real browsers. Do not allow sensitive actions, such as publication or changes to production data, to take place automatically without explicit human approval. ^[1]

Trade-off

The benefit of an agentic workflow lies primarily in faster iteration: from idea to exploration and from chosen direction to an initial implementation. The risks lie in assumptions that become code or design unnoticed. Therefore keep track of design decisions, source material and acceptance criteria. Ask the agent to explain which files have been modified and which checks have been carried out, but verify that yourself. The right promise is not 'AI builds your website autonomously', but 'AI can accelerate parts of the design and development work when people provide direction, boundaries and quality control'. ^[1]

Further reading

See our Claude and code deep dive and AI Act explanation.