Connect in Claude
The same on claude.ai, the desktop app and the mobile app. What you can do with custom connectors may depend on your Claude plan.
Open Alberti
Sign in on the web or in the Mac app. If no design is open, the assistant can start one.
Add the connector
Claude Settings → Connectors → Add custom connector. Name it Alberti and use the MCP server address above.
Sign in and allow
Connect opens the Alberti sign-in. Use the same Google account as in Alberti, then choose Allow.
Ask in a chat
Turn on the Alberti connector in a chat and describe the screen you want. You watch the work happen in your Alberti window.
Connect in ChatGPT
Connect in ChatGPT on the web with developer mode, available on Plus, Pro, Business, Enterprise and Edu plans.
Turn on developer mode
In ChatGPT, open Settings → Apps → Advanced settings and turn on Developer mode.
Create the app
Choose Create app, name it Alberti, use the address above as the MCP server URL and OAuth for authentication.
Sign in and allow
When the Alberti sign-in opens, use the same Google account as in Alberti and choose Allow.
Pick it in a chat
Pick the Alberti app in a new chat and ask. ChatGPT asks you to confirm each action that changes your design.
Connect in Gemini
Connect through custom apps in the Gemini app. For now Google offers them only to personal accounts of people 18 or older in the US with Gemini set to English, so the option may not appear elsewhere yet.
Open Connected Apps
On a computer, open gemini.google.com, then Settings → Connected Apps → Custom apps.
Paste the address
Choose Add a custom app and paste the MCP server address above exactly, with no trailing slash.
Sign in and allow
Allow access in the Alberti sign-in. In a chat, call it with @Alberti.
Connect in developer tools
Tools that support remote MCP servers, such as Claude Code, Codex and Gemini CLI, take the same address. The Alberti sign-in opens the first time.
Claude Code plugin (recommended)
/plugin marketplace add superherounite/alberti-claude /plugin install alberti@alberti
The plugin also teaches Claude how Alberti works: intent first, prototypes, engine export. After installing, sign in from /mcp.
Claude Code, server only
claude mcp add --scope user --transport http alberti https://alberti.design/mcp
Codex
codex mcp add alberti --url https://alberti.design/mcp codex mcp login alberti
Gemini CLI
gemini mcp add --transport http alberti https://alberti.design/mcp
Other tools such as Cursor and VS Code use the same address. The plugin and the full tool list are public at github.com/superherounite/alberti-claude.
What the assistant can do
Claude and ChatGPT use the editor’s own 130-plus tools.
New designs and screens
Starts a design and draws vehicle HMI, XR, web and mobile screens with real layout and layer names.
Design to the intent
Reads the brief and designs to it, explores alternatives and records which one was chosen and why.
Photos, icons, 3D
Finds and places photos and icons, and puts GLB or FBX models in as 3D layers.
Prototypes and motion
Wires screens into a click prototype and gives layers entrance motion.
Checks and cleanup
Checks touch targets, text size, contrast and dead ends, and tidies layer names.
Engine export
Exports to Unity (UI Toolkit, uGUI), Unreal and Omniverse, and sums up the fidelity report.
Try asking
"Start a new design and make a 1920×720 vehicle HMI home screen."
"Read this screen’s brief and draw three different directions side by side."
"Link the sign-in screen to home with a smart animate transition."
"Run preflight and fix the buttons whose touch targets are too small."
"Export the selected screens to Unity uGUI and summarize the report."
"Make eight 1080×1350 Instagram slides introducing our product."
You stay in control
Your account, apps you allow
The assistant reaches only the designs of the account you signed in with and allowed. Your password never goes to the assistant.
Turn it off any time
In Alberti, Settings → Server & team → Claude lists connected apps, ChatGPT included, lets you disconnect them and turns AI editing off.
In plain sight, and undoable
The assistant works in the Alberti window you have open. Its edits show on the canvas and can be undone.
Keep Alberti open
The assistant sends its work to your signed-in Alberti window. With several open, the one you used last gets it.