lavish-axi
HTML is the new markdown. Lavish is the new editor for your HTML artifacts.
Lavish-axi is a Claude Code plugin and AXI (Agent eXecution Interface) that opens AI-generated HTML artifacts in a local browser environment for interactive review and annotation. It enables developers to visually inspect, annotate specific elements and text, edit Mermaid diagrams as whiteboards, and send structured feedback to the agent without leaving the browser. The plugin operates locally-first with no cloud dependency in the core feedback loop, making it ideal for reviewing rich HTML reports, plans, diagrams, and interactive visualizations that AI agents create.
Key Features
Use Cases
- 01Reviewing AI-generated product roadmaps, technical plans, and comparison tables with visual annotations
- 02Iterating on complex flowcharts, architecture diagrams, and ER diagrams by editing them as whiteboards
- 03Providing precise feedback on HTML reports by clicking specific elements and text ranges instead of describing them
- 04Detecting and fixing layout issues in AI-generated dashboards across mobile, tablet, and desktop viewports
- 05Collaborating on design explorations by attaching reference images and annotating mockups
- 06Exporting finalized HTML artifacts with all assets inlined for distribution or archival
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
lavish-axi — FAQ
What is lavish-axi?+
Lavish-axi is a Claude Code plugin that opens AI-generated HTML files in a local browser editor where you can annotate elements, edit diagrams, and send visual feedback back to the AI agent through a structured polling loop.
How do I install the lavish-axi plugin for Claude Code?+
Run 'npx skills add kunchenguid/lavish-axi --skill lavish' in your project directory to install the skill. Add '-g' for global installation across all projects. No separate npm install is needed; the CLI runs via 'npx -y lavish-axi' on demand.
Which AI clients support lavish-axi?+
Lavish-axi works with Claude Code, Codex, OpenCode, and GitHub Copilot CLI via skills or session hooks. It also registers as an Agent Plugin for VS Code, Cursor, and GitHub Copilot CLI.
Do I need an API key or cloud service to use lavish-axi?+
No API key is required for local review and feedback. The optional 'lavish-axi share' command publishes to the third-party ht-ml.app service, which accepts an optional bearer token via '--token' or 'LAVISH_AXI_HTML_APP_TOKEN', but local-first workflows have no cloud dependency.
Is lavish-axi free to use?+
Yes, lavish-axi is open source and free. The optional ht-ml.app sharing service is a separate third-party host with its own terms.
How does the agent receive my visual feedback?+
After you annotate elements or queue feedback in the browser, the agent runs 'lavish-axi poll <html-file>' to long-poll and retrieve your queued prompts, including element selectors, text ranges, diagram edits, and attached images.
How do I install lavish-axi?+
Open the source repository on GitHub and follow its README. lavish-axi is a plugin — MCP Agents Market links you directly to the official repo.
Is lavish-axi free?+
lavish-axi is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.