Give coding agents the design sense to build professional websites instead of generic AI pages
When you ask an agent to build a corporate website with a simple prompt, the result is usually a mix of similar layouts and careless text. This tool forces the agent to check the page in a real browser, enforce design rules, and verify quality. The output is a refined webpage with a palette and typography suited to a specific industry, along with actual photos and icons.
New verification system in version 2.5
The recently updated version 2.5 focuses on controlling quality in a real browser environment rather than just generating code. After writing the page, the agent runs rendering at multiple resolutions via headless Chrome. It automatically detects empty visual elements, broken shaders, insufficient contrast, alignment errors, and image loading issues on slow networks. A 'finish gate' applies up to three iterations of inspection until all fixable errors are resolved, preventing unfinished pages from being delivered.
Industry-specific design tokens and layouts
The tool classifies client industries into six categories: software, gaming, tech, product, service, and location. Depending on the industry, the palette, Google Fonts combination, and hero section layout are determined automatically. For example, shader effects and 3D objects are allowed for software or tech pages, while service pages like cafes or hotels are restricted to quiet designs centered on photos and typography. These rules control the agent from overusing excessive effects, maintaining an appropriate visual intensity for each page.
Real assets and offline support
Photos and icons are not left blank even if the client does not provide them. It uses a curated photo library from Wikimedia Commons and Unsplash, citing sources in the footer. Software pages use actual brand icons and interface SVGs resolved locally. Bundled photos work offline, and network access is only required when downloading additional photos or icons. It can run with Node 22 or higher and a Chrome-based browser, without API keys or additional installation steps.
Environment and limitations to check before applying
This tool is designed to work in agent-based coding environments such as Claude Code, Codex, and Cursor. It requires Node 22 or higher and one of Chrome, Edge, or Chromium installed, with ffmpeg optionally needed for WebP output or hero photo cropping. Existing React, Vue, and Svelte projects are built within their respective stacks, while Next.js is handled via static export. The license is MIT, and it is unrelated to official token or cryptocurrency projects. Since the agent's design decision process is automated, it is recommended that the final aesthetic judgment of the output still undergoes developer review.
