跳到正文

宝玉:信息图规划与制作

将文章和知识资料整理为信息图,结合布局、风格、信息层级和参考资料组织生成流程。

开源精选内容生产54 个文件26,681 Stars浏览次数 0JimLiu/baoyu-skills MIT版本 1567581
开始使用

下载前阅读 SKILL.md 中的使用条件,并确认所用工具支持对应能力。

输入资料
来源内容与重点信息 受众、布局和风格要求 阅读本节完整说明
交付内容
信息图方案 图像与提示词资料 阅读本节完整说明
  1. 获取完整包,保留配套文件的目录结构。
  2. 按照原文准备所需工具、依赖与输入资料。
  3. 阅读对应使用步骤与输入输出说明,在自己的环境中验证结果。

使用提示摘自原文,配套文件保留来源版本;实际运行条件以各包说明为准。

正文

获取原文件

references/layouts/bento-grid.md

Modular grid layout with varied cell sizes, like a bento box.

Structure

  • Grid of rectangular cells
  • Mixed cell sizes (1x1, 2x1, 1x2, 2x2)
  • No strict symmetry required
  • Hero cell for main point
  • Supporting cells around it

Best For

  • Multiple topic overview
  • Feature highlights
  • Dashboard summaries
  • Portfolio displays
  • Mixed content types

Visual Elements

  • Clear cell boundaries
  • Varied cell backgrounds
  • Icons or illustrations per cell
  • Consistent padding/margins
  • Visual hierarchy through size

Text Placement

  • Main title at top
  • Cell titles within each cell
  • Brief content per cell
  • Minimal text, maximum visual
  • CTA or summary in prominent cell
  • craft-handmade: Friendly overviews (default)
  • corporate-memphis: Business summaries
  • pixel-art: Retro feature grids

CONTACT HAONAN

联系haonan

医疗 AI · 产品与独立开发

刘浩南

关注医疗 AI 从 demo 到真实落地,聚焦产品化、商业化与院内工作流效率提升。

12年医疗产研经验,大湾区头部医疗AI公司前产品总监,独立开发者

医疗 AI 产品化医疗 AI 商业化院内工作流效率
刘浩南的微信联系二维码
微信扫一扫,联系 haonan