跳到正文

宝玉:信息图规划与制作

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

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

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

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

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

正文

获取原文件

references/styles/ui-wireframe.md

Grayscale interface mockup style

Color Palette

  • Primary: Grays - light (#E5E5E5), medium (#9CA3AF), dark (#374151)
  • Background: White (#FFFFFF), light gray
  • Accents: Blue for interactive (#3B82F6), red for emphasis

Visual Elements

  • Wireframe boxes and placeholders
  • X marks for image placeholders
  • Simple line icons
  • Grid-based layout
  • Annotation callouts
  • Redline specifications

Typography

  • System fonts
  • Placeholder "Lorem ipsum"
  • UI label style
  • Sans-serif throughout

Best For

Product designs, UI explanations, app concepts, user flow diagrams

CONTACT HAONAN

联系haonan

医疗 AI · 产品与独立开发

刘浩南

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

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

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