Design UI for your codebase
Design pages, components, and snippets in Subframe, a visual design tool built on HTML and CSS. Find inspiration in real landing pages, explore variations of a screen, update your theme, and write design documents. More
What you can ask Design a landing page for a neighborhood bakery, using real landing pages for inspiration. Copy
Example path get_page_info design skill
Create three variations of a personal finance dashboard with distinct layouts. Design an event page with a speaker lineup, schedule, and a bold orange theme. MCP connector Server URL https://mcp.subframe.com/mcpCopy Login OAuth Tools Reads data32 export_ get_ get_ get_ get_ get_ get_ get_ get_ get_ get_ list_ list_ list_ list_ list_ list_ list_ list_ list_ list_ list_ list_ open_ read_ screenshot_ screenshot_ search_ search_ search_ search_ wait_
Changes data11 add_ create_ create_ design_ design_ design_ duplicate generate_ move open_ rename
Deletes or can't be undone20 add_ add_ delete_ delete_ delete_ delete_ delete_ delete_ delete_ delete_ delete_ delete_ delete_ edit_ edit_ edit_ edit_ import_ update_ write_
Skills 3 in the ChatGPT listing
design Create or edit pages, components, snippets, design documents, and themes in Subframe, or explore and compare UI design options in Subframe. develop Implement or update Subframe designs using synced components or an app's own design system, set up Subframe components, or explain canvas and code sync. import Import an existing codebase's or website's design system into Subframe, including theme tokens, light and dark modes, fonts, icons, and reusable components. 