Forge · Interface builder
Builder mode

Forge — describe the interface and build it

Assemble a precise brief, pick stack and style, and generate complete code with the connected AI. With no AI, the brief is copied ready to paste into any model.

Interface brief
Assembled brief ready
The brief will appear here…
The brief automatically includes SEHL Design Forge rules (complete code, responsive, WCAG accessibility, no placeholders). On generate, the result opens in Studio to edit and preview.
Live editor

Studio

live preview
Full width
· 0 lines· 0 B· saved
Prompt templates

Templates

Proven briefs for common tasks. Load them into Forge and tweak, or copy them to use in any AI.

Catalog

Components

Ready pieces in the official palette. Insert them into Studio or copy their HTML. Each one is responsive and accessible.

Design system

Design Tokens

Edit tokens live: changes apply across the app instantly. Export as tokens.css for your project.

Main colors
Radius & spacing
Preview
goldokwarningdangerinfo
Engine Health
Healthy
▲ 99.98% uptime
:root { … }
Auditor mode

UI Audit

Paste HTML for an instant heuristic check (semantics, accessibility, responsive, security), or send it to the AI for a full audit ranked by priority.

HTML to audit
Results

Results

Paste HTML and press Audit.

AI engine

Connect AI

SEHL Design Forge is provider-agnostic. The key is stored only in your browser session and never leaves your device except toward the provider you choose.

Provider
Status not connected
Privacy: the key lives in your browser only. The code you send goes straight from the browser to your chosen provider. This app has no server of its own.
Identity

System Prompt

The brain of SEHL Design Forge — editable and saved in your browser. Edit it to fit your standards, or copy it to use the same personality in any AI.

Master instruction (editable)
saved

This prompt is used by Forge and the AI audit. Changes are saved locally and persist across sessions.

Cloud

Cloud sync

Save your projects on your own server and open them from any device. Configure the endpoint in Settings.

Status

Preferences

Settings

Personalize the panel. Choices are saved in your browser.

General
Interface languageDefault is English.
Reduce motionMinimize animations and transitions.
Remember AI key on this deviceUse localStorage instead of session-only. Less safe on shared devices.
Cloud sync

Point the app at a sync endpoint to store projects on your server. Optional — local projects keep working without it.

About

Guide

How to use Design Forge