mcpField
L
lavish-axi

lavish-axi

github.com/kunchenguid文档处理4.3k46 次安装今天更新
代码仓库

关于 lavish-axi

lavish-axi 是供 Agent 将交互式 HTML 制作为浏览器审阅页面的 skill，支持标注、排队提交提示词和轮询反馈。

主要功能

  1. 01交互式 HTML 审阅会话
  2. 02标注页面元素和选中文本
  3. 03提示词排队与反馈轮询
  4. 04制作用途指南

适用场景

  1. 01收集技术计划反馈
  2. 02审阅交互式原型
  3. 03标注可视化报告

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/lavish-axi确认已加载。

详细介绍

Lavish Editor

Lavish Editor 可帮助 Agent 将丰富的 HTML 作品转换为供人协作审阅的界面。当你即将提供一份复杂的回复，而丰富的交互式页面能让它更易于理解时，可以考虑使用 Lavish Editor。首先根据用户的请求生成交互式 HTML 作品，然后运行 npx -y lavish-axi <html-file>，让用户直观地审阅、批注元素或选中的文本、排队提交提示词，并通过 npx -y lavish-axi poll 发送反馈。

无需全局安装 lavish-axi，直接使用 npx -y lavish-axi <html-file> 调用即可。 如果 lavish-axi 的输出显示了以 lavish-axi 开头的后续命令，请改用 npx -y lavish-axi ... 运行。

适用场景

当用户要求制作可视化作品、HTML 说明、交互式原型、审阅界面、产品或技术方案、对比、报告，或基于浏览器的反馈循环时，请使用 lavish-axi。

工作流

  1. 创建 HTML 作品（默认保存到工作目录中的 .lavish/<name>.html）。
  2. 运行 npx -y lavish-axi <html-file>，在浏览器中打开或恢复审阅会话。
  3. 运行 npx -y lavish-axi poll <html-file>，持续轮询用户的批注和排队的提示词。
  4. 应用反馈，然后使用 --agent-reply "<message>" 再次轮询，以便在浏览器中回复并继续反馈循环。
  5. 审阅完成后，运行 npx -y lavish-axi end <html-file>。

可视化指导

  • 通过视觉层级，让最重要的决策、风险、权衡和后续操作一目了然
  • 使用分区、卡片、表格、图表、带注释的片段和并排对比等视觉结构，避免大段文字
  • 审慎选择字体、间距、颜色和布局，让作品呈现鲜明的设计风格
  • 避免出现横向溢出：有意识地设计窄屏布局，在网格或弹性布局子项中使用 minmax(0, 1fr) 和 min-width: 0，并合理换行或截断较长的标签／状态文本

操作指南

运行 npx -y lavish-axi playbook <id>，获取以下任一主题的详细指导：

  • diagram - 展示关系、流程、状态和架构
  • table - 将密集记录转化为便于快速浏览的审阅界面
  • comparison - 展示选项、权衡，以及当前与目标行为
  • plan - 在实施前说明产品或技术方案
  • diff - 展示代码或 PR 变更及其证据和发现
  • input - 当 Agent 需要在作品中收集用户对决策、选项、偏好、分类处理、范围或其他结构化反馈的意见时，必须使用
  • slides - 在用户要求幻灯片时，制作精心设计的演示文稿

命令与规则

  • 运行 npx -y lavish-axi <html-file>，打开或恢复 Lavish Editor 会话
  • 除非用户指定其他位置，否则在当前工作目录的 .lavish/ 下创建 HTML 工件
  • Lavish 会通过本地 express.js 服务提供 HTML 文件。如果 HTML 需要引用其他文件系统资源，例如图片、CSS、字体和本地脚本，请将它们复制到与 HTML 文件相同的目录中，然后使用相对于该目录的路径引用。切勿在这些资源路径前添加 /——根路径无法使用
  • 运行 npx -y lavish-axi poll <html-file>，等待用户反馈
  • 运行 npx -y lavish-axi end <html-file>，结束会话
  • 运行 npx -y lavish-axi stop，关闭后台服务（服务在空闲时，或最后一个会话结束且没有连接时，也会自动停止）
  • 运行 npx -y lavish-axi playbook <playbook_id>，获取针对特定工件的指导
  • Lavish 不会自动注入任何设计系统——工件保持可移植性，即使不运行 lavish-axi，直接打开时也能呈现相同效果。按以下优先级选择设计系统：(1) 如果用户要求特定外观或指定了设计系统，请遵循要求；(2) 否则，如果当前项目已有设计系统或样式规范，请与之保持一致，使工件融入项目；(3) 否则，优先使用 Lavish 推荐的 Tailwind CSS 浏览器运行时 v4 + DaisyUI v5，可通过 CDN 获取——运行 npx -y lavish-axi design 获取可直接复制粘贴的 CDN 代码片段和组件参考。除非用户明确另有要求，否则优先使用该 CDN 代码片段，而不是手写样式。
  • 用户要求制作视觉工件、HTML 说明文档、交互式原型、评审界面、产品或技术计划、比较、报告或基于浏览器的反馈循环时，请使用 lavish-axi

评论

支持 Markdown