lavish-axi接入Claude Code等Agent的4种方式：skill、hook与plugin完整指南

lavish-axi接入Claude Code等Agent的4种方式skill、hook与plugin完整指南【免费下载链接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.项目地址: https://gitcode.com/gh_mirrors/la/lavish-axilavish-axiLavish Editor是一个本地 HTML 工件评审编辑器Agent 生成 HTML 页面后它在本地浏览器中打开让你可以点选元素、批注文字、在白板上直接编辑 Mermaid 图表并把反馈原样发回给 Agent。对于新手来说最关键的问题是如何把 lavish-axi 接入 Claude Code 等 Agent本文带你用 4 种方式完成接入——从一行命令的 skill 安装到零配置直调 CLI再到 SessionStart hook 与 Agent Plugin每种方式的安装步骤、适用客户端和差异对比都在下面。方式一安装 Skill推荐一行命令这是官方推荐的接入方式也是唯一无需 npm 安装的方式npx skills add kunchenguid/lavish-axi --skill lavishskill 会落到当前项目的 skills 目录例如.claude/skills/加-g参数则安装到~/.claude/skills/对所有项目生效。装好之后在 Claude Code 等支持 slash command 的 Agent 里可以直接调用/lavish 把我们讨论的方案做成一个可视化页面或者什么都不做——当你让 Agent 产出计划、对比、图表、表格、报告等看一眼比读文字更清楚的内容时它识别到任务后会自动加载这个 skill。skill 本体是一个极简存根见 skills/lavish/SKILL.md它只告诉 Agent去哪里找最新指令npx -y lavish-axi --help命令与评审循环流程npx -y lavish-axi design设计方向指引npx -y lavish-axi playbook id具体工件类型指南这种短存根 指向 CLI的设计由 src/skill.js 生成保证已安装的 skill 不会随 CLI 升级而过时。方式二零安装直接让 Agent 调用 CLI ⚡lavish-axi 遵循 AXIAgent-Executable Interface设计任何有执行能力的 Agent 都可以直接跑它的 CLI什么都不用装。最简单的方式就是直接在对话里告诉 AgentUse npx -y lavish-axi to write a product or technical plan for what we discussed.适合快速体验或环境不允许预装技能的场景。方式三SessionStart Hook每会话自动注入上下文如果你希望每次 Agent 会话开始时就自动携带 lavish-axi 的环境上下文包括你当前正在打开的实时会话可以安装 SessionStart hooknpm install -g lavish-axi lavish-axi setup hooks这一条命令会为Claude Code、Codex、OpenCode 和 GitHub Copilot CLI安装SessionStarthook每个会话开始时自动注入当前打开的评审会话新会话可以续上没看完的评审可视化 playbook 清单基础使用指引与 skill 的关键区别hook 是常驻的还能看到实时打开的会话skill 则是按需加载。实现见 src/cli.js。⚠️运行完setup hooks后请重启 Agent 会话新 hook 才会生效。方式四Agent PluginVS Code / Cursor / Copilot CLIlavish-axi 同时也是一个符合 Agent Plugin 标准的插件。妙处在于安装好的 npm 包本身就是插件——plugin.json就在包的根目录见 plugin.json旁边就是skills/目录不经过任何 marketplacenpm install写下的文件就是完整插件。npm install -g lavish-axi lavish-axi setup pluginsetup plugin会自动把已安装的包注册到所有检测到的客户端——VS Code、Cursor 和 GitHub Copilot CLI并报告哪些客户端不存在命令是幂等的重装或移动路径后重跑一次即可自动修复逻辑在 src/plugin.js。之后重新加载对应客户端即可。如果某个客户端无法自动注册也可以手动指向包目录npm root -g/lavish-axi客户端手动注册方式VS Code用户设置中添加chat.pluginLocations: { package-dir: true }Cursor在~/.cursor/plugins/local/lavish-axi建立目录链接GitHub Copilot CLIcopilot plugin install package-dir Codex 和 ChatGPT 只从 marketplace 来源安装插件所以Codex 用户建议用方式三的 session hook。另外skill 和 plugin 是二选一的替代关系不是叠加lavish-axi 不声明 MCP serverCLI 本身就是 Agent 接口。4 种方式怎么选方式安装量生效客户端特点Skill一行命令无 npm 安装支持 Agent Skills 的客户端如 Claude Code按需加载、可 slash 调用官方推荐零安装 CLI无任意能执行命令的 Agent最轻量适合快速体验SessionStart Hooknpm 全局安装Claude Code / Codex / OpenCode / Copilot CLI每会话自动注入上下文含实时会话Agent Pluginnpm 全局安装VS Code / Cursor / Copilot CLI标准插件打包无需 marketplace一句话决策只用 Claude Code 选Skill想省事选零安装 CLI多个终端 Agent 且要实时会话感知选Hook主阵地是 IDE 内置聊天选Plugin。接入后长什么样Agent 产出 HTML 后运行lavish-axi 文件本地浏览器打开评审界面左侧是工件Mermaid 图表还能直接变成可编辑白板右侧是对话面板——你批注的每一条都会通过lavish-axi poll长轮询送达 Agent形成生成 → 批注 → 修改的闭环。常见问题 接入后 Agent 没有反应hook 与 plugin 都需要重启会话/重载客户端才生效skill 则确认装到了项目.claude/skills/或全局~/.claude/skills/。可以 skill hook 同时装吗可以二者不冲突skill 按需加载hook 提供常驻上下文。从源码构建克隆仓库后执行pnpm install --frozen-lockfile→pnpm run build→pnpm link即可源码仓库https://gitcode.com/gh_mirrors/la/lavish-axi。更多命令与参数细节可查阅仓库自带的 README.md。【免费下载链接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.项目地址: https://gitcode.com/gh_mirrors/la/lavish-axi创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考