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”