画时序图是每一个芯片设计工程师都必备的技能,画图这件事本身是一个精细又繁琐的工作,非常消耗时间,所以选一个趁手的工具非常重要。常见方式包括:
使用 Visio/draw.io 手工绘制,画些组件,方便拼接 TimGen/TimingDesigner之类的通过 GUI 点击编辑 WaveDrom 这类用编码方式描述时序图 Excel 表格画数据流等
现在 AI 时代到来了,大家都在口喷,都在 Vibe Coding,都在谈 Agentic Workflow,那么有没有一种能用自然语言描述需求并生成时序图的方法,我就说说话,Agent帮我画图呢。有的兄弟,有的。
🚀 wavedrom-gen 应运而生
我基于 WaveDrom 做了一个Skill,通过自然语言生成、修改、校验和渲染数字时序图。直接来看效果。安装好 Skill 后,可以直接告诉 Agent:
画一个 AXI4 三拍写突发时序图,第二拍插入一个 WREADY 等待周期,最后一拍拉高 WLAST,写响应返回 OKAY。
Agent 会把自然语言转换成结构化的 WaveJSON,运行校验器,然后通过官方 WaveDrom CLI 渲染。
生成的 JSON5 会被完整保留,用户随时可以继续编辑,而不是只能拿到一张最终图片。

再生成一张经典的异步 FIFO 跨时钟域(CDC)时序图,提示词为
画一个异步 FIFO CDC的时序图

这样的效果对于日常的设计文档编写工作已经足够了
wavedrom-gen skill在此基础上,还支持了datasheet级别的时序图生成,只需要提示词加一句生成datasheet风格的xxx时序图

可以更精细地添加标注setup、hold 等时间参数,让你的时序图展示更加专业。
同时支持离线 HTML实时查看编辑WaveJSON 源文件,实时预览时序图,下载源码SVG和PNG图,虽然这个功能大概率用不到。

这是一个给Agent用的Skill,补齐 Agent 在设计文档中绘制时序图的能力。
📦 如何安装
第一步:下载
我开源到GitHub上了,关注硅农微信订阅号,后台回复“硅农”,就可以获得链接。有什么问题欢迎给我提交 Issue,我的 Agent收到会自动修复后回复。
第二步:安装
把GitHub链接发给你的Codex、Claude Code、Kimi Code、WorkBuddy等助手,让它给你下载安装。
✨ 最后
AI 时代,如果有人再问我最好的编程语言是什么,我会说,就是你现在正在说的语言。
- -THE END- -
往期精选


FPGA技术江湖广发江湖帖
无广告纯净模式,给技术交流一片净土,从初学小白到行业精英业界大佬等,从军工领域到民用企业等,从通信、图像处理到人工智能等各个方向应有尽有,QQ微信双选,FPGA技术江湖打造最纯净最专业的技术交流学习平台。
FPGA技术江湖微信交流群

加群主微信,备注姓名+学校/公司+专业/岗位进群
FPGA技术江湖QQ交流群

备注姓名+学校/公司+专业/岗位进群
