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 briefready
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 previewFull width
The DOM tree of your HTML appears here.
Turn on the Visual editor and click an element to edit it.
📄 —0 lines0 Bsaved
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 { … }
Prompt templates
Templates
Proven briefs for common tasks. Load them into Forge and tweak, or copy them to use in any AI.
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
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
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)
This prompt is used by Forge and the AI audit. Changes are saved locally and persist across sessions.
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 syncSave projects to your account and sync across devices.
Data & reset
Everything lives in your browser. Nothing is sent to any server except your chosen AI provider.
About
Cloud / Sync
Point the app at a sync endpoint to store projects on your server.
Cloud
Cloud sync
Create an account to save your projects on your server and open them from any device.