Tools

Create chat mockups, build prompts, compare models, and count tokens — free in your browser, with no sign-up.

Build and refine AI interfaces with a constrained design agent

Compare monthly costs across AI models and providers

Build structured system prompts from modular blocks

Configure MCP servers visually and copy the JSON config

Compare AI model outputs side by side

Design a custom AI model switcher and copy the React component

Compose a realistic AI chat screen and export as PNG

Generate a full AI chat color scheme from one brand color

Estimated token counts and API costs for GPT, Claude, Gemini and DeepSeek

Place a screenshot in an iPhone, MacBook, iPad or browser frame

Compose a realistic voice assistant screen and export as PNG

Ready-made voice assistant transcripts for common scenarios

Generate UI prompts for AI coding tools

Interactive playground for all components