SuperAPI AI 工具集

infopage

前端与建站

查看项目

更新于 10-15 17:32

技能介绍

用途:infopage 用于创建简洁的单文件 HTML 信息页,适合快速参考页、对比、列表或任何想在浏览器中查看的数据,主打文档式、实用、可读、无装饰的排版。

主要能力:提供固定调色板(cream #f5f3e8、black #222、red #db5439、pink rgba(220,84,57,0.5)、gold #eebe6d),可组合背景与文字色,但同一页卡片须用同一组合,且页面背景必须与卡片背景不同。使用 Libre Baskerville 衬线字体与 Tailwind CDN,含基础模板及多种模式:分节标题、有序/无序列表、分隔线、键值对、表格、卡片网格(对比用)、备注/提示、标签徽章、链接。卡片强调关键事实、可点击标题、分值与标签,不写描述段落。

使用方式:默认输出当前目录的 index.html;若 index.html 已存在,先询问用户是否覆盖,或创建子目录 ./topic-name/index.html。避免使用 compare-voice-apps-on-mac.html 这类长描述性文件名。基础模板需替换 PAGE_TITLE、SUBTITLE、DATE。

限制与规则:仅用调色板颜色;卡片用 border-4、无圆角;衬线排版、留白充裕;对比优先用卡片网格;卡片极简、只放名称加一项关键事实;避免空洞措辞与自动动画,过渡仅用于用户操作。未来计划包括等宽/终端变体、无衬线现代变体、暗色模式(白字黑底),这些暂未提供。