SuperAPI AI 工具集

html-effectiveness-explore

编程与开发

查看项目

更新于 10-15 20:05

技能介绍

用途:这是 html-effectiveness 的子 skill,面向“还没想清楚要什么”的探索与规划阶段,让 agent 把多个方向并排铺开,供用户指选其一。父 skill 命中“对比/选型/RFC/计划”类请求时加载。

三种范式: 1)三方案对比:用户问“几种实现方式给我看看/哪种更好”或“compare X vs Y vs Z”时使用,模板为 ../templates/compare.html。每方案含一段最小可运行代码(5-15 行)、Pro/Con 各 3 条、一行同维度指标(bundle/可测试性/SSR/复用),栏数 2-4,文末给 agent 推荐。 2)视觉设计方向:用户想要 UI 但说不清风格时使用,无独立模板,可参考 compare.html 两栏结构改造。给出 4 张真实渲染卡片(Minimal、Illustrated、Playful、Instructional),每张一行风格说明,顶栏支持 light/dark 切换。 3)实现计划:用户要“实现计划/RFC/怎么落地”或排期时使用,模板为 ../templates/plan.html。含 6 块固定区域:元信息条(Effort/Surfaces/New tables/Feature flag)、4 段 Milestones 时间线、SVG 数据流框图、HTML 渲染的 Mockups、1-2 段关键代码、Risks & mitigations 表、Open questions。

共同原则:不写唯一 winner,让各方案都可信再给推荐;指标需可比;Pro/Con 各 3 条;占位用真实姓名(如 Mira Okafor、Devon Park);数据流图必须有图例,实线为请求/响应、虚线为 realtime fan-out。

限制:资料未提供该 skill 的安装方式、收费、平台与效果信息。