A framework-agnostic pattern for reviewing AI-proposed actions before execution: plan preview, risk labels, scoped permissions, approve/reject/edit controls, undo, progress, and audit trail.
UI Potion Pick a potion. Share it with your AI assistant. Get UI made to fit your project.
AI Agent Discovery URL:
https://uipotion.com/uipotion-manifest.json Each potion is a detailed specification that AI agents can adapt into layouts, components, features, patterns, or tooling for an existing project.
Guides written specifically for AI coding assistants to understand and implement, not just copy-paste code.
Core guidance is stack-neutral. Agents adapt it to the framework versions and conventions already present in your project.
Nothing from UI Potion is installed in your application. Specifications remain independently maintained and can evolve without a runtime package migration.
Detailed guides cover structure, behavior, accessibility, responsive rules, and testing where relevant.
Agents inspect your installed framework versions and existing conventions, then adapt the specification to match them.
Agents should reuse the styling system, components, and design tokens already present in your project.
Browse the catalog and find the UI specification you need
Paste the potion URL or JSON link to your AI coding assistant
Tell the agent about your project, then review, test, and refine the implementation
Or use Potion Kit: a CLI that lets you scaffold and chat-build Harold + UI Potion sites; the model uses only real potion specs from the catalog.