К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

lavish — скилл для Claude Code: HTML и установка

Превращает планы, сравнения и отчёты агента в HTML-файлы для просмотра, аннотаций и обратной связи.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add kunchenguid/lavish-axi --skill lavish -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/lavish/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/lavish/

Похожие

api-design affaan-m Скилл задаёт правила проектирования REST API: именование эндпоинтов, выбор статус-кодов, пагинацию и формат ошибок. Помогает при создании и ревью серверных контрактов. Claude Code CX Codex Cursor +1 5 500установок rust-testing affaan-m Скилл для написания тестов на Rust: юнит-тесты, интеграционные, async, property-based, моки и покрытие. Пригодится, когда ведёшь проект по TDD. Claude Code CX Codex Cursor +1 5 500установок cloud-sql-basics официальный google Скилл помогает создавать и объяснять Cloud SQL для MySQL, PostgreSQL и SQL Server. Пригодится при настройке базы в Google Cloud. Claude Code Gemini CLI CX Codex 14 679установок google-cloud-waf-security официальный google Скилл оценивает безопасность рабочих нагрузок в Google Cloud и предлагает меры для IAM, сетевой защиты, данных и операционной безопасности. Claude Code Gemini CLI CX Codex 14 620установок gemini-live-api-dev официальный google-gemini Помогает разрабатывать приложения с двусторонним стримингом через Gemini Live API и переходить на Gemini 3.8 Live. Claude Code CX Codex Cursor +1 10 200установок cloudflare-email-service cloudflare Скилл для работы с Cloudflare Email Sending и Email Routing: помогает настроить отправку и приём писем в Workers. Claude Code CX Codex Cursor +1 101 400установок find-skills vercel-labs Ищет и устанавливает готовые скиллы для ИИ-агентов через каталог skills.sh. Пригодится, когда для рабочей задачи нужен специализированный воркфлоу. Claude Code CX Codex Cursor +1 4 000 000установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок

Вопросы о 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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой