Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

一个 skill,让你做出顶级审美的图表。 我开源的 Lieflat Charts 已经在 GitHub 2k star 啦~它是一套数据可视化与报告生成 skill,可供 Moxt、Claude Code、Codex 等 AI agent 使用。 它由统一的字体、留白、线条和动效建立视觉语法,有60多种图型,覆盖柱、线、面积、直方图等基础图型,还有热力图、小提琴图、环形关系图、桑基图等复杂图型,部分还支持交互。 色彩上,以黑白灰单色为基础,也支持青瓷蓝、椰林绿、编辑红三种色系,后续还会尝试更多丰富配色~ 这个skill 的原理是用 html 来做图表,好处很明显,有很丰富的动效,可以无缝衔接到 html 做的 PPT 中。如果需要 PPT 格式,也可以让 agent 转成动图贴进 PPT 里。 使用非常简单,装好后把你的数据或者想要可视化的主题告诉agent,agent 会选择合适的图表类型,自动出图。如果你需要出报告,目前也有报告模式,可以一键产出数据可视化报告。 感谢 Moxt 让我做出这么好看的图表! #datavisualization #charts #skill #dataviz #html #aidesign

562,230 Aufrufe • vor 11 Tagen •via X (Twitter)

36 Kommentare

Profilbild von 躺在废墟里 Lieflat
躺在废墟里 Lieflatvor 11 Tagen

地址在这里~

Profilbild von have fun
have funvor 10 Tagen

legendary

Profilbild von El Mehdi Bennis
El Mehdi Bennisvor 11 Tagen

So cool ty so much

Profilbild von AI最严厉的父亲
AI最严厉的父亲vor 10 Tagen

你是真把审美做成skill了 60多种图型还能直接接PPT 2k star一点都不冤

Profilbild von Austin Zhang
Austin Zhangvor 10 Tagen

我爱设计师,没有你们,我的所有产品都会像屎一样难看。

Profilbild von AI最严厉的父亲
AI最严厉的父亲vor 10 Tagen

一个人没有一套能统一字体留白线条动效的图表skill 那他的PPT就支离破碎了 Lieflat Charts 60多种图型 GitHub 2k star 这才叫把审美做成能复用的东西

Profilbild von what's happening
what's happeningvor 10 Tagen

好东西

Profilbild von 躺在废墟里 Lieflat
躺在废墟里 Lieflatvor 11 Tagen

@canghe @jiamu_future @gbroai 再请大佬们看看🥰😃

Profilbild von Main CaseZ·美學
Main CaseZ·美學vor 10 Tagen

好漂亮

Profilbild von machi the cat
machi the catvor 10 Tagen

Pretty but not a single chart i saw was readable

Profilbild von 硅基变量
硅基变量vor 11 Tagen

高级 优雅

Profilbild von 静静学AI
静静学AIvor 11 Tagen

美的很高级😍

Profilbild von 小E还在学
小E还在学vor 11 Tagen

简约的设计

Profilbild von Giuliano
Giulianovor 11 Tagen

Como se implementa en Claude Code?

Profilbild von Tristan & Lulu
Tristan & Luluvor 10 Tagen

Super great effort! Will give it a shot.

Profilbild von Jason傑森 🇭🇰 | 🛠️
Jason傑森 🇭🇰 | 🛠️vor 10 Tagen

开源还得是你这种大佬疼

Profilbild von Frankoverwall
Frankoverwallvor 10 Tagen

ai最后实现的时候,用的是echarts, chart.js吗?还是更底层的d3?

Profilbild von 躺在废墟里 Lieflat
躺在废墟里 Lieflatvor 10 Tagen

echarts 为主,少数几个交互大图基于d3js

Profilbild von Namoo
Namoovor 11 Tagen

真是的宝藏博主

Profilbild von lemon12911
lemon12911vor 11 Tagen

挺好看的呀,我来用用看

Profilbild von Dr.Q
Dr.Qvor 10 Tagen

感谢分享!我们已将 lieflat-charts 收录进 OpenAgentSkill 🎉 Agent 现在可以发现、评估并安装它:

Profilbild von Torian
Torianvor 10 Tagen

You have a new star!

Profilbild von RemoteBrowser
RemoteBrowservor 11 Tagen

2k stars already, nice. The visual consistency across charts is what usually makes or breaks agent-generated reports. How do you handle theme customization for different brand palettes?

Profilbild von Swahz@7788
Swahz@7788vor 11 Tagen

真他妈好看!已经用于Codex来测试了。

Profilbild von ningmeng lin
ningmeng linvor 10 Tagen

数据可视化是给老板看的,实际工作全靠猜

Profilbild von Sac
Sacvor 11 Tagen

好看 牛逼

Profilbild von 躺在废墟里 Lieflat
躺在废墟里 Lieflatvor 11 Tagen

谢谢☺️☺️

Profilbild von Fernanda Pires
Fernanda Piresvor 8 Tagen

This is pure gold ! Thank you 🙏

Profilbild von priyanka kumari
priyanka kumarivor 9 Tagen

This makes sophisticated data storytelling feel surprisingly accessible....

Profilbild von 擎天柱
擎天柱vor 10 Tagen

许可证好像只能自己学习使用,不允许任何商用哦

Profilbild von ZY Liu
ZY Liuvor 9 Tagen

专业滴🤙

Profilbild von Mr.DontAskMe4Shit
Mr.DontAskMe4Shitvor 11 Tagen

比她好看的没她骚比她骚的没她好看@ismodemy 😦2♂️

Profilbild von jendy
jendyvor 10 Tagen

美感之外我最关心默认的数据诚实性:零点是否截断、单位是否保留、排序是否改变结论、来源能否回链。README 已经强调真实单位和来源;如果再配一组专门诱导错误图表的回归测试,会更有说服力。

Profilbild von 老康laokang
老康laokangvor 9 Tagen

好看,多分享~

Profilbild von Strap Hernandez
Strap Hernandezvor 11 Tagen

比她好看的没她骚比她骚的没她好看@hh131wvu 👱81🤵

Profilbild von Strap Hernandez
Strap Hernandezvor 11 Tagen

比她好看的没她骚比她骚的没她好看@hh131wvu 👩‍⚕️16😎

Ähnliche Videos

Codex 做 PPT 合集:15 个 Skills 和开源方案,按用途整理好了 我现在做 PPT,基本都交给 AI,下面把课件、汇报、生图和图片转 PPT 的方案列出来,效果看视频,网址直接放在每项下面。 一、自己讲课、演讲、做分享 1)Marp 把文字和图片整理成课件,后续换案例、补内容,改源文件就能重新生成。适合常规培训,默认导出的 PPTX 是图片式。 2)Slidev 适合讲代码、公式和操作过程,支持分步动画和网页互动。让 Codex 整理逐页内容,再补演示效果;交互多了,也需要多调试。 3)归藏 guizang-ppt-skill 电子杂志、瑞士国际主义等风格,适合整套分享保持统一。先选风格、试一页正文,再继续做;主要用浏览器播放。 4)张咋啦 frontend-slides 先出视觉样张,再选字体、配色和布局,适合想跳出固定模板的分享。输出以 HTML 为主,离线播放前检查字体和图片。 二、做汇报、答辩,交给客户继续改 1)ppt-master 把页面做成可编辑的文字、形状,也支持部分原生图表和表格。先让 Codex 试做正文和数据页,导出后改一个数字,看看图表是否跟着变。 2)slide-skill 提供主题和模板流程,适合反复制作同类汇报。内容更新后可以重新生成,中文断行、字号和图表编辑能力要检查。 3)deck-dna 给两三份认可的旧 PPT,提炼字号、配色和布局,再做新稿。适合沿用公司风格;有严格母版要求,仍要保留原模板。 三、做科普、知识卡和图文课件 1)宝玉 baoyu-slide-deck 黑板、水彩等风格,背景、插画和文字整页生成。先定文案再生图,效果直观,但改字可能要重做一页。 2)宝玉 baoyu-design 先用 HTML 调整设计,再按对应流程导出,也包含可编辑 PPTX 的导出方式。需要配套工具,不能把任意网页直接无损转成 PPT。 3)PPTAgent 把论文、报告接到材料解析、大纲规划和页面生成流程里。长材料可以试,配置比单个 Skill 多,生成的结论和数字要对回原文。 四、只有图片或 PDF,想继续修改 1)GordenSuperPPTSkills 通过 Image2PPTX 相关流程拆文字、补背景、分离元素,适合拿现成图片改标题、挪配图。部分对象仍是图片,不会全部变成原生图形。 2)LRriver/AIPPT 在一个工作台里生成图片、拆分和编辑,少一些导出再导入。效果取决于接入的服务,正式使用前先试一页。 3)NBLM2PPTX 分离 PDF 页面的文字和背景,再组装成 PPTX。没有源稿、只想改字时可以试,复杂图表可能仍保留为图片。 五、想在界面里管理整套制作过程 1)codex-slides 先改大纲、顺序和风格,再生成页面,适合边看边调整。它偏图片式制作,不适合需要频繁更新表格数据的文件。 2)Presenton 模板、模型接入、编辑和导出放在一起,适合长期反复做 PPT。让 Codex 协助搭建,部署和模型费用需要自己管理。 日常课件用 Marp,需要互动再用 Slidev;正式交付用指定模板加 ppt-master;知识卡用宝玉整页生图;只有图片、没有源稿时,再用 Gorden 拆。 建议先做封面、正文和最复杂的一页,满意了再做整套

Miles Ma

28,949 Aufrufe • vor 6 Tagen