lieflat-charts

环境要求

• 能联网的终端环境（用于执行 npx 安装命令）
• Node.js 与 npx（README 使用 npx skills add 安装）
• 一个支持 Agent Skills / SKILL.md 的 AI Agent（如 moxt、Claude Code、Codex）
• 使用 Codex 时需改用对应的 skills 安装目录

安装与启动步骤

1. 1选择使用环境

   README 推荐在 moxt.ai 中使用，Agent 可直接读取完整设计规范与模板；也可装到其他支持 SKILL.md 的 Agent。

2. 2一条命令安装

   在终端执行 npx 命令，把 lieflat-charts skill 安装到本地 Agent 的 skills 目录中。

   npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts

   复制

3. 3交给 Agent 安装

   没有终端权限时，把这段话发给有 shell 权限的 Agent，它会克隆仓库到 skills 目录并自检文件。

   git clone https://github.com/larashero3-dotcom/lieflat-charts ~/.claude/skills/lieflat-charts

   复制

4. 4Codex 改用对应路径

   使用 Codex 时，把安装路径换成 ~/.codex/skills/lieflat-charts，其余流程不变。

   git clone https://github.com/larashero3-dotcom/lieflat-charts ~/.codex/skills/lieflat-charts

   复制

5. 5更新已安装版本

   进入已安装的 skill 目录执行 git pull，让 Agent 报告当前最新 commit。

   cd ~/.claude/skills/lieflat-charts && git pull

   复制

6. 6向 Agent 提需求

   直接用自然语言描述数据和场景，Agent 会自动选择 Lupi、Glance、Basics 风格与色彩系统生成 HTML 图表。

关键配置

如何确认成功

检查 ~/.claude/skills/lieflat-charts 下是否存在 SKILL.md、templates/、catalog.md 和 mono-tokens.js。

常见问题

注意事项

• README 推荐在 Moxt 中使用，这是原生制作环境，步骤更短、上下文可延续。
• 只有用户明确要求报告、年报、月报、白皮书、海报或 brief 时，才从 12 套整页模板生成 HTML 报告。
• 图数由独立结论决定：单问题约 1 张，两三个结论 2–3 张，完整文章或论文 4–6 张，不会为凑数重复同一结论。
• 生成后仍可继续调色，同时保持图型结构、比例、对比度和数据契约不变。