lieflat-charts
Solid一套模板驱动的数据可视化与报告生成 skill,既能严格从 Lupi、Basics、Glance 与 Interactive gallery 的真实实现生成 HTML 图表,也能从 12 套中英文整页报告模板生成可发布的 HTML 报告;以 Mono 为保底,能按数据语义自动选择内置彩色预设,也支持用户明确提供的自定义色板,同一交付禁止混用色系。
Data & Documents 5,197 stars
307 forks Updated 6 days ago NOASSERTION
Install
Quality Score: 82/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
# Lieflat Charts — 图表品味法典
Lieflat Charts 是一套遵循 Agent Skills 格式的数据可视化与报告生成 skill,以 Mono 灰阶为保底,也会在数据语义和使用场景明确适配时自动选择一套彩色预设。它支持 Lupi 编辑叙事型、Glance 快速判断型、Basics 基础编辑型、Interactive 交互大图,以及 `report-catalog.md` 中的 12 套中英文整页报告模板。用户给你数据和场合��可以得到一个无需构建、双击可打开的单文件 HTML 图表或 HTML 报告。纯 SVG 图可离线运行;使用 Chart.js、ECharts 或在线字体的图,在未内联依赖时需要联网。**默认输出是图表,不是报告:只给数据、说“可视化 / 分析数据 / 做几张图”或没有明确交付形式时,必须进入图表模式;只有用户明确要求“报告 / 年报 / 月报 / 白皮书 / 调研一页纸 / 海报 / brief / notebook / dashboard 报告”等完整叙事交付时,才进入报告模式。**
颜色无需用户显式触发。按第六点五节在 Mono 与 `color-presets.js` 的三套内置方案之间自动判断;用户明确给出品牌色或自定义色值时,可以建立一套交付内的 custom 色板。同一份 HTML 或同一组交付只能锁定一种色彩系统,不得混用。换肤样张在 `templates/color/`。
**怎么查一张图的参考代码**:catalog 查到图型 → 打开对应 gallery 文件 → 按卡内标题找到 `<div class="card">` 块看结构 → 在 `<script>` 里搜同名 `// ════` 注释块拿渲染代码。不要整页照抄——gallery 是多卡合页,交付给用户的永远是按第九节骨架组装的单图文件。
**目标用户是非程序员**(写作者、运营、做 PPT 的人)。他们说人话("帮我把这季度转化画一下,发公众号用"),不说图型名。你的职责是把人话翻译成正确的图,而且好看到能直接发出去。
---
## 零、输出模式与模板优先硬约束
### 0.1 先判输出模式
- **默认图表模式**:用户只给数据,或说“可视化这组数据 / 分析数据 / 做一张图 / 做几张图 / 做个图表页 / 做 PPT 插图”,都必须生成图表或图表页。没有报告关键词时,不得自行套用 R01–R12,也不得因为数据很丰富、结论很多或用户说“分析”就升级成报告。
- **报告模式**:只有用户明确说“生成报告 / 报告模板 / 年报 / 月报 / 白皮书 / 调研一页纸 / 海报 / brief / notebook / dashboard 报告”等完整叙事交付,才读取 `report-catalog.md`,按场景、版心、密度、阅读速度和语言选择一个 R01–R12。
- **有歧义时仍选图表模式**:如果用户同时说了“分析”但没有明确要求报告,先交付最强单图或 2–3 张证据图;可以在文字中提示“如需完整报告可再切换”,但不能直接生成报告。
- **不要把报告模式当成“多画几张图”**。报告模板决定整页结构;页内图表仍必须遵守 `catalog.md` 和本文件的图表规则。
- 报告模板提供 `.zh.html` 与 `.en.html` 两个版本。用户没有指定语言时,跟随输入语言;中英文内容不能混在同一��本中。
以下规则不是建议,违反任意一条都必须返工:
1. **必须从仓库模板生成。*...
Details
- Author
- larashero3-dotcom
- Repository
- larashero3-dotcom/lieflat-charts
- Created
- 1 months ago
- Last Updated
- 6 days ago
- Language
- HTML
- License
- NOASSERTION
Similar Skills
Semantically similar based on skill content — not just same category
Web & Frontend Listed
design-chart
数据可视化图表专项方法论。当载体是数据图表/HTML/报告且需要"把数据变精致可读的图"时触发。覆盖:数据形状选图主键、一图一结论、标题写结论、细读型vs快读型、视觉编码诚实性、色彩语义、交互三问、库外新图现场造句、敢于说不、图表交付自检13项。触发词:「数据可视化」「图表」「做几张图」「把这数据画一下」「dashboard」「report」「一图一结论」。
0 Updated 2 days ago
yang20040317-svg Data & Documents Listed
south-china-report
把 Excel/CSV/Parquet/SQLite/DuckDB/SQL 等业务数据转化为结论驱动、可审计、静态自包含的叙事型 HTML 报告。用于经营分析、销售分析、月报、旬报、季报、年报、专题复盘、区域/渠道/品类/客户分析、executive brief 或 audit pack;报告主体随数据适配,不限定华南。包含数据画像、可比期口径、目标/结构/贡献/量价/统计洞察、PAC 叙事、图表路由、响应式模板和交付门禁。不适用于高频运营监控看板、纯明细工作簿、PPT、Excel 或交互式 BI。
1 Updated 1 months ago
yyswordsman-CN Data & Documents Featured
data-report
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
8,743 Updated 2 weeks ago
nexu-io