First release (v0.2.0)
Glossary
- Terms in six categories: layouts, UI components, interactions, styling and CSS, frontend engineering, and AI coding. Each one has a plain-English definition, a wireframe, and “How to tell AI”.
- Browse by category and tag, search by name and alias, and save terms once you're logged in.
- Guides: topics grouped by the kind of page you're building.
Browser extension
- Hover inspection: matches components locally by DOM and component library classes, with AI identify as a fallback.
- One-click full-page analysis, with results in the side panel.
- Works in Chrome and Edge, and only runs on local development addresses by default.
Page analysis and suggestions
- Analyze a whole page from a screenshot or a public URL: overall layout, blocks, components, and content traits.
- Every block is checked against hand-written rules. Reasons quote the glossary, and you can accept or ignore each suggestion.
- Before-and-after wireframe previews for a single suggestion.
Agent upgrade
- Replicates the page, then applies the suggestions you accepted, with follow-up edits, version rollback, and HTML download.
- Turns suggestions and edit requests into prompts for tools like Cursor and Claude Code.
Accounts and credits
- Email signup and login, shared between the extension and the website.
- Signup credits, redeem codes, and a credit history.
- Your own API key: any OpenAI-compatible API, set separately for vision and code tasks, with no platform credits used.