pen.dev is an infinite-canvas design editor for websites, app screens, dashboards, slides and marketing graphics. This plugin opens the editor right in the conversation, so Codex designs on a live canvas while you watch: it lays out screens, builds reusable components and variables, and refines what's already there. Designs are saved as .pen files in your workspace, next to your code, ready to commit and to turn into code. Select anything in the editor to point Codex at it, and sign in to pen.dev to let Codex generate AI and stock images and vector artwork.
Runs locally: needs the ChatGPT desktop app or Codex with local execution enabled.
Install
- 1Add it in ChatGPT
Open Plugins in the ChatGPT sidebar (web or desktop), search for “pen.dev” and select +. You'll be asked to sign in to any connected service on first use. Then type @ in a chat to call it.
Skills 1
- pen-dev
Create and edit visual designs — websites, app screens, dashboards, slides, marketing materials — in .pen files with the pen.dev editor shown in this conversation. Use when the user asks to open pen.dev, create or change a design or a .pen file, or refers to something selected in the pen.dev editor.
Things to ask
- “Open a new design in pen.dev”
- “Design a landing page for this project in pen.dev”
- “Create a mobile app screen in pen.dev”
Disconnect or uninstall
- 1In ChatGPT
Disconnect an account in Settings → Apps or Plugins. To remove the plugin itself, open pen.dev in the Plugin Directory and select Uninstall plugin. Uninstalling can disconnect every account connected through it, and plugins your workspace installs may not offer the option.
- 2In Codex
Run /plugins in the Codex CLI, select the plugin and uninstall it, or press Space to turn it off.