Prompt-to-website studio

Generate, edit, review, and preview frontend projects in one workspace.

Benito Code Generator is a lightweight coding studio that turns prompts into editable HTML, CSS, and JavaScript files. It supports a fast local studio mode and an optional OpenAI-powered workflow for stronger generation and review.

View repository Open generated sample

Use case Frontend concepting

Turn broad briefs into files a developer can actually open and improve.

Modes Local + OpenAI

Runs offline in studio mode and upgrades into model-backed generation when configured.

Workflow Prompt, edit, preview

The live preview stays optional so the editor keeps priority until the user wants to inspect the result.

Highlights

What makes the project useful

Editable output

The generator writes plain `index.html`, `style.css`, and `script.js` files instead of hiding results behind opaque tooling.

Workspace flow

Prompt input, file explorer, editor, diagnostics, actions, and preview all live in the same interface.

AI with fallback

The app still works without an API key through a local generator, while OpenAI mode adds stronger generation and review.

Showable engineering

The repository includes CI checks, release notes, licensing, and public showcase assets for portfolio review.

Screens

Workspace and output snapshots

Workspace editor view — Editor-first workspace view

Public Benito Code Generator showcase page — Public-facing showcase page

Generated sample website — Example generated output

Run locally

Quick start

Clone the repository.
Run npm install.
Run npm run start.
Open http://localhost:3000.

npm install
npm run check
npm run start