SuperAPI AI 工具集

visualize

前端与建站

查看项目

更新于 10-15 17:30

技能介绍

用途:visualize 用于把真实源材料转成便于阅读的 HTML 可视化,例如文档地图、时间线、流程、风险块和建议图,适合检查结构、风险、决策与后续步骤。它偏重文档可视化,而非品牌站点或产品原型。

主要能力:支持文档与 Markdown 可视化、标准化计划文件夹可视化、流程/图表/Mermaid/上下文地图/建议图请求,以及与源文件相邻的 HTML 摘要。图表可用 Mermaid CDN,但更推荐多个小图,避免单张过密;语法不确定时用 HTML/CSS 回退块。

输出约定:计划文件夹内创建 visualize.html 和 visualize-assets/;头脑风暴文件夹同理;绑定到活动计划或头脑风暴产物文件夹的当前上下文,输出到该产物文件夹内;Markdown 或文档文件则在源文件旁创建 <source-base>.visualize.html 和 <source-base>.visualize-assets/;无源上下文且无产物文件夹时,默认输出到 docs/.visualizations/<slug>-YYMMDD-HHmm/ 下的 visualize.html 与 visualize-assets/,时间戳用 date +%y%m%d-%H%M 生成,除非用户指定目标。始终把 references/templates/visualize-theme.css 复制到相邻 assets 文件夹,并在生成的 HTML 中链接该本地 CSS。

使用方式:先加载项目上下文,若存在 docs/SUMMARY.md 优先阅读;只加载任务相关文档,优先代码规范文档。读取源材料后识别可视化意图,构建精简源清单,再按 references/router.md 选择模板:计划文件夹用 plan.html,头脑风暴用 context.html,单文档用 document.html,无源上下文用 context.html。提取事实与假设,替换 VISUALIZE: 标记区域,移除无价值块,插入源派生文本前做 HTML 转义。最后按 references/verification.md 验证。

限制:不用于品牌站点、营销页、产品原型或生产 Web 应用、幻灯片、长动效演示或宽泛视觉设计系统。不得编造事实、指标、决策、用户、约束或不支持的建议;缺失内容须以假设或警告块呈现,保持可视化忠于来源且便于检查。避免大段内联样式,使用复制的固定主题 CSS,并保留有助于回溯来源的链接与路径。