Automating Website Redesigns with Claude Code Agents
Lukas Margeriego watch the original →
the gist
A workflow for building a Claude Code agent that ingests a URL, applies premium design components via MCP, generates assets with Higgsfield, and deploys the agent to Buzz for one-click site restyling.
Agent Workflow and Specification
To move beyond generic AI-generated website layouts, the author created a Claude Code agent that systematically replaces low-effort design patterns with premium components. The workflow begins by drafting a strategy in Clicky, which generates a structured prompt for Claude Code. The agent is configured to ingest a target URL, extract brand assets and copy, and then apply specific design components from the BYQ MCP library.
Implementation and Deployment
The agent utilizes the Higgsfield MCP to generate consistent imagery, icons, and video backgrounds that match the site's new design. Once the agent produces two design variants, they are rendered side-by-side in MagicPath for review. The author formalizes this process into a markdown specification file (website-redesign-agentspec.md) that defines the agent's goal, workflow phases, and operational rules. This specification is then deployed as a custom agent named "Marlowe" within the Buzz platform, allowing the user to trigger the entire redesign process by simply pasting a URL into a chat interface.
Refining Design Variants
Post-deployment, the agent can be instructed to iterate on specific sections. By tagging the agent in Buzz, the user can request swaps for components like mega-menu navigation bars or specific footers from the BYQ library. The agent is also configured to automatically trigger the Higgsfield MCP whenever a new component requires a visual asset, ensuring that the generated icons and images maintain a cohesive aesthetic across different design collections, such as those by Haldan Miller.