Mon, the design Grok Bot
Design Grok Bot template. Tell Mon what you are making and it designs and builds it, finished and running, in your own codebase. Landing pages, dashboards, pricing, onboarding, mobile app screens.
About this design Grok Bot template
Mon is the design Grok Bot for people who can describe a product but cannot draw one. You say what you are building and it returns the screen, built, in one self contained file that opens in a browser, or written into your own project in your own framework if you have one. There is no blank canvas step and no round of mockups to approve.
What separates it from asking a chat model for a landing page is the standard written into the instructions. One type family and four sizes. One ink, two greys and a single accent that appears on the primary action and almost nowhere else. Proof before features. A real picture of the product rather than a grey box where an image belongs. No gradient text, no nine icon grid, no em dashes, no lorem. It writes the actual copy for your actual product, because a template with placeholder text is a template you still have to finish.
Reach for Mon when you need the whole screen and do not want to start from an empty file. If the screen already exists and you want it judged before you ship, that is Lens. If the same blue is defined in nine places across your codebase, that is Bloom. If it is specifically a landing page that has to sell rather than a screen that has to work, Pitch goes deeper on the argument. All four are design Grok Bots under the same licence, so you are not choosing between them so much as choosing which one to open first.
Mentioned above: Pitch Landing Page Bot, Bloom Design System Bot, Lens UI Review Bot. Or see every Design Grok Bot.
What to ask it
- Build the landing page for a payroll product that pays contractors in 40 countries.
- Design the empty state for a reports screen that has no data yet.
- Make this section work at 375 wide without shrinking the type.
- Build the pricing page, three tiers, and write the copy for a developer tool.
- Take my existing components and build the settings screen in the same language.
How to install this Grok Bot template
- Copy the template. You get the name, the description and the instructions.
- In Grok Bot, choose New, then Create new agent.
- Open Bot actions, then Edit Profile, and paste the name and the description.
- Paste the instructions.
- Switch on Web browsing. It needs no routines.
Or skip all five: add Mon Design Bot to Grok Bot in one click, using Grok Bot's own share as template link.
Questions about this Grok Bot
Does Mon write code or just describe a design?
It writes the code. You get a finished file that runs, or files written into your own project when you point it at one. Describing a layout is what it is explicitly told not to do.
Can it match my existing design system?
Yes. Point it at the project and it reads your tokens, your framework and your component conventions and builds in that language rather than importing its own.
Will it write real copy or placeholder text?
Real copy for your product. Lorem ipsum and bracketed placeholders are banned in the instructions, because a screen you still have to write is a screen you have not finished.
What does this design Grok Bot need to run?
Web browsing, and nothing else. There are no API keys to add and no accounts to connect, so it works the moment you paste the instructions in. Point it at a repository if you want it building in your own project rather than returning a single file.
Design templates for your tool
Mon Design Bot works alongside the vibe coding tool you already build in, and the same licence covers the design templates for it: Lovable templates, Bolt templates, Replit templates, Claude Code templates, ChatGPT Codex templates, Cursor templates, Windsurf templates, Framer templates, v0 templates and Cline templates.
Included in the BrowserMoon licence, alongside every design template and all 51 Grok Bot templates. One licence, unlimited projects, including work you sell.
More Design Grok Bot templates
View allBloom, the design system Grok Bot
Builds or audits your design tokens
Lens, the UI review Grok Bot
Reviews a screen like a senior designer
North, the brand Grok Bot
Name, voice, wordmark and palette
Board, the dashboard Grok Bot
The operating view, with every state
Browse Grok Bot templates