SuperAPI AI 工具集

html-project-console

前端与建站

查看项目

更新于 10-15 21:07

技能介绍

用途:当用户希望用浏览器原生的项目驾驶舱替代大量 markdown 文件时使用本技能。它会生成一个可预测的 project-console.html,供智能体持续更新。

主要能力:脚手架包含 templates/project-console.html(无需构建的单文件 SPA 起始模板)、commands/bootstrap-project-console.md(可复用提示词,用于把该文件实例化到任意目标项目路径)、references/design-principles.md(共享的 UX 与内容模型规则)。

使用方式:将 templates/project-console.html 复制到选定的项目位置并命名为 project-console.html;填充 window.PROJECT_CONSOLE_DATA JSON 对象,包含 vision、plan、todo、changelog、artifacts、feedback;尽可能对 changelog、decisions 采用追加式更新以保留可追溯性;除非用户要求更改布局,否则只重新生成数据对象。

限制与约束:保持无依赖,仅使用纯 HTML/CSS/JS;默认所有数据保存在文件本地;保留各 section 的 ID 作为稳定的自动化目标;优先渐进增强而非框架复杂度。

扩展思路:可加入基于 <dialog> 的反馈表单,输出可复制粘贴的 JSON 片段;为最近变更文件加入并排彩色 diff;在可用时加入 Mermaid 渲染回退。官方文本暂未提供。