lavish — скилл для Claude Code: HTML и установка
Превращает планы, сравнения и отчёты агента в HTML-файлы для просмотра, аннотаций и обратной связи.
npx skills add kunchenguid/lavish-axi --skill lavish -a claude-codeЧто делает lavish
lavish превращает сложный или визуальный ответ агента в HTML-артефакт. Скилл подходит для планов, сравнений, диаграмм, таблиц, diff кода, отчётов, прототипов и ревью, когда страницу удобнее обсуждать, чем длинный текст.
Для запуска используется CLI lavish-axi: его можно вызвать через npx -y lavish-axi, без глобальной установки. CLI показывает команды для текущего процесса, включая получение справки, дизайн-направления, playbook и отправку ответа агенту. HTML открывается в браузере, где пользователь может оставить аннотации и вернуть отзыв агенту.
Это повод проверить доступ к npx: без запуска CLI рабочий цикл с HTML-артефактом не начнётся.
Какие задачи решает
- собрать план в просматриваемый HTML-файл
- показать сравнение вариантов на одной странице
- оформить диаграмму или таблицу для обсуждения
- отправить агенту замечания по HTML-артефакту
- подготовить кодовый diff или отчёт для ревью
Примеры запросов агенту
- `/lavish` Сделай HTML-страницу с планом миграции и блоками для комментариев.
- `/lavish` Сравни два варианта архитектуры в таблице и добавь диаграмму.
- `/lavish` Оформи этот code diff как страницу для ревью с аннотациями.
Как установить lavish
1Через Skills CLI (Vercel)
npx skills add kunchenguid/lavish-axi --skill lavish -a claude-code2Вручную: положить файлы
~/.claude/skills/lavish/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/lavish/
1Через Skills CLI (Vercel)
npx skills add kunchenguid/lavish-axi --skill lavish -a codex2Вручную: положить файлы
.agents/skills/lavish/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add kunchenguid/lavish-axi --skill lavish -a cursor2Вручную: положить файлы
.cursor/skills/lavish/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install kunchenguid/lavish-axi lavish2Вручную: положить файлы
.github/skills/lavish/SKILL.md1Через Skills CLI (Vercel)
npx skills add kunchenguid/lavish-axi --skill lavish -a gemini-cli2Командой платформы
gemini skills install https://github.com/kunchenguid/lavish-axi --path skills/lavishВручную: положить файлы
.devin/skills/lavish/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add kunchenguid/lavish-axi --skill lavish -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Похожие
Вопросы о lavish
Как установить lavish в Claude Code?
Выполните npx skills add kunchenguid/lavish-axi --skill lavish -a claude-code, затем повторите npx skills add kunchenguid/lavish-axi --skill lavish -a claude-code. Файл скилла находится в ~/.claude/skills/lavish/SKILL.md.
Что делает lavish?
Скилл превращает ответы агента в HTML-артефакты, которые можно открыть в браузере, аннотировать и отправить агенту как обратную связь. Он рассчитан на планы, сравнения, диаграммы, таблицы, code view, отчёты, прототипы и ревью.
Как lavish запускает HTML-артефакты?
CLI вызывается через npx -y lavish-axi <html-file>, а актуальные команды и инструкции для процесса можно получить через npx -y lavish-axi --help. Глобально устанавливать lavish-axi не требуется.
Исходный текст
SKILL.md · MIT
--- 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.
© Kun Chen (kunchenguid) · MIT · kunchenguid/lavish-axi