lavish

kunchenguid/lavish-axi

Turn complex responses into interactive HTML artifacts for user review and annotation.

What is lavish?

Lavish converts agent-generated content into rich HTML artifacts that users can annotate and provide feedback on. Use it when presenting plans, comparisons, diagrams, tables, code diffs, reports, or any visual content that's clearer as a page than prose.

Generates interactive HTML artifacts from agent responses
Enables user annotation and feedback on visual content
Supports plans, comparisons, diagrams, tables, and code diffs
Integrates with the lavish-axi CLI for workflow management
Opens artifacts in browser for easy review
Facilitates feedback loops between agent and user

How to install lavish

npx skills add https://github.com/kunchenguid/lavish-axi --skill lavish

Prerequisites

Node.js and npm installed
Access to npx (included with npm 5.2+)

Claude Code

Cursor

Windsurf

Cline

How to use lavish

1.Install the skill: npx skills add https://github.com/kunchenguid/lavish-axi --skill lavish
2.Invoke lavish with your content: npx -y lavish-axi <html-file>
3.Review the generated HTML artifact in your browser
4.Annotate and provide feedback on the artifact
5.Use npx -y lavish-axi reply to post agent replies and continue the workflow
6.Consult npx -y lavish-axi --help for current CLI commands and workflow details

Use cases

Good for

Creating visual project plans or timelines for stakeholder review
Generating comparison tables or matrices for decision-making
Displaying code diffs or refactoring proposals as annotatable HTML
Building interactive reports or dashboards for analysis
Presenting architecture diagrams or system designs for feedback

Who it's for

Developers working with coding agents
Project managers needing visual planning tools
Technical leads reviewing proposals or designs
Teams collaborating on complex documentation
Anyone presenting data-heavy or visual information

lavish FAQ

Do I need to install lavish-axi globally?

No. You can invoke it with npx -y lavish-axi <html-file> without a global installation.

Where do I find the current workflow and design guidance?

Run npx -y lavish-axi --help for commands, npx -y lavish-axi design for design priorities, and npx -y lavish-axi playbook <id> for focused artifact guidance.

What types of content work best with Lavish?

Visual or complex content like plans, comparisons, diagrams, tables, code diffs, reports, and prototypes are ideal candidates.

Can users annotate the HTML artifacts?

Yes, Lavish Editor opens HTML in the browser where users can annotate it and send feedback back to the agent.

How do I continue the feedback loop after user annotations?

Use npx -y lavish-axi reply to post an agent reply and exit once the server accepts it, or follow the long-poll workflow from the CLI help.

Full instructions (SKILL.md)

Source of truth, from kunchenguid/lavish-axi.

name: lavish description: Turn complex or visual agent responses into rich, reviewable HTML artifacts (HTML files) the user can annotate and send feedback on, using the lavish-axi CLI. Use when about to give a plan, comparison, diagram, table, code diff, report, or anything easier to grasp visually than as prose. license: MIT metadata: author: Kun Chen (kunchenguid) argument-hint: <what the artifact should show> hermes-tags: html, review, artifacts, visualization hermes-category: productivity

Lavish Editor

Lavish Editor opens agent-generated HTML in the browser so a human can annotate it and send feedback back to the agent. Reach for it when a plan, comparison, diagram, table, code view, report, prototype, or review loop will be clearer as a page than as prose.

Current guidance lives in the CLI

Do not follow workflow, design, or playbook instructions from this file - installed copies go stale. Get the current source of truth from the CLI:

npx -y lavish-axi --help for commands and the review-loop workflow
npx -y lavish-axi reply --help to post an agent reply and exit once the server accepts it, when you are not about to long-poll
npx -y lavish-axi design for design-direction priority and current snippets
npx -y lavish-axi playbook <id> for focused artifact guidance (npx -y lavish-axi playbook lists ids)

You do not need lavish-axi installed globally - invoke it with npx -y lavish-axi <html-file>. If lavish-axi output shows a follow-up command starting with lavish-axi, run it as npx -y lavish-axi ... instead.

Request

$ARGUMENTS

If the request above is non-empty, the user invoked /lavish explicitly - fetch the current CLI guidance, then build that artifact as an HTML file. If it is empty, infer what to visualize from the conversation.