HTML Code Editor & Prompt Generator
WEBSITE TOOLKIT

Read the code. Make it yours.

Inspect HTML, edit the CSS values it contains, or build an AI prompt for larger changes. Runs in your browser without an account or API key.

01 / Add your code 02 / Inspect & edit 03 / Preview & download

1. Original website code

Paste a complete HTML page or a section with its CSS included.

Your code stays in this tab. Nothing is saved automatically.

2. Editable CSS values

Finds declared CSS variables, colors, font sizes, spacing, borders, and other common style values in style blocks and inline styles. Each occurrence is listed separately.

Add code and select โ€œIdentify editable valuesโ€ to begin.

CSS variable references stay connected. A variable may affect several elements. JavaScript variables and external stylesheets need the AI prompt below.

3. Updated code & preview

Direct edits appear here. You can also paste the complete updated HTML returned by your AI assistant.

Static preview: scripts, navigation, forms, and external assets are blocked. Relative images and external CSS will not appear. Downloaded HTML retains the original code and behavior.

Need more than a value change?

Generate a prompt that asks an AI assistant to inspect your code and return a complete updated version. This tool creates the prompt; your AI assistant performs the requested rewrite.

Your cart is empty
Search