先看图，再看它怎么做。
挑一个案例，对照成图、原始需求和可复用的源文件。所有内容均为合成示例，由技能实际渲染。
从落地页到激活
查看原始需求
请用 glass 风格画 30 天注册队列的漏斗：48,200 人访问落地页，18,795 人开始注册，12,640 人验证邮箱，8,930 人完善资料，8,700 人完成激活。每个阶段显示占全部访问者的比例，相邻阶段显示转化率和流失人数，全部从给定数量计算。不要补充数据不支持的结论。
图之外，还留下源文件
PNG 用于粘贴分享；HTML 可独立查看；Diagram JSON 可修改内容和主题，再次渲染。
社区大会筹备排期
查看原始需求
请用 notebook 风格画社区大会筹备甘特图，共八周，第一周从 2027 年 4 月 5 日星期一开始。场地和日期确认：第 1–2 周；议题征集：第 3–5 周，在场地确认后开始；议题评审和排期：第 5–6 周；讲者确认：第 7 周，在评审后进行；售票和推广：第 3–8 周；志愿者招募和培训：第 5–7 周；彩排与大会周：第 8 周，在志愿者培训后进行。里程碑：第 5 周末征集截止，第 6 周末发布议程，5 月 29 日星期六开场。使用周序号坐标轴。
图之外，还留下源文件
PNG 用于粘贴分享；HTML 可独立查看；Diagram JSON 可修改内容和主题，再次渲染。
通往插件 API 的六个里程碑
查看原始需求
请用 editorial 风格画开源图表库的路线图，副标题“从首次渲染到可扩展内核”，包含六个里程碑：2031 Q2 v0.1 首次渲染（数值数组生成折线和柱形，仅一个画布，无交互和主题）；2031 Q4 v0.4 比例尺与坐标轴（线性、时间、序数比例尺，刻度标签由数据范围决定）；2032 Q1 v0.7 交互层（悬停、提示框、范围选择，键盘可达并向屏幕阅读器播报）；2032 Q3 v1.0 稳定 API（开始语义化版本管理，1.x 冻结图元、比例尺和主题契约）；2033 Q1 v1.4 服务端渲染（同一份定义无需浏览器即可生成静态 SVG，用于文档和邮件摘要）；2033 Q3 v2.0 插件 API（图元、比例尺、主题独立打包，新增图表不再扩大内核）。结尾说明季度是目标而非承诺，优先调整范围而非日期，每个里程碑都从主分支发布。
图之外，还留下源文件
PNG 用于粘贴分享；HTML 可独立查看；Diagram JSON 可修改内容和主题，再次渲染。
一家 14 人的产品工作室
查看原始需求
请用 warm 风格画 14 人产品工作室的组织架构，只用职位不写姓名。工作室负责人负责方向、客户组合和招聘；三位专业负责人向其汇报。设计负责人负责产品和品牌的设计质量，团队含负责人共 5 人：2 位产品设计师（流程、页面、原型）、1 位品牌设计师（视觉识别、演示稿、网站页面）、1 位设计技术专家（可运行原型、UI 代码）。工程负责人负责技术方向、评审、发布，团队含负责人共 4 人：前端工程师（客户端、共享 UI 代码）、后端工程师（服务、数据模型、API）、平台工程师（构建、部署、工具）。交付负责人负责范围、排期、客户沟通，团队含负责人共 4 人：用户研究员（访谈、可用性测试）、技术写作者（产品文档、交接）、交付制作人（估算、排期、供应商）。标明每个分支人数与工作室总人数。
图之外，还留下源文件
PNG 用于粘贴分享；HTML 可独立查看；Diagram JSON 可修改内容和主题，再次渲染。
服务架构
查看原始需求
请用 clean 风格画一张架构图：浏览器连接 API 网关，网关连接认证服务和订单服务。认证服务使用自己独立的 PostgreSQL；订单服务使用另一套独立的 PostgreSQL 和自己的 Redis。按客户端、接入、服务、数据四层展示，用节点说明标明服务与数据存储的归属。不要补充云厂商、协议、端口或指标。
图之外，还留下源文件
PNG 用于粘贴分享；HTML 可独立查看；Diagram JSON 可修改内容和主题，再次渲染。
做出你的第一张图
复制上方案例的提示词，把描述换成自己的内容，发给 Codex、Claude Code 或其他兼容 Agent。