SuperAPI AI 工具集

html-effectiveness-editor

编程与开发

查看项目

更新于 10-15 20:05

技能介绍

用途:当用户需要在 HTML 里做“操作然后导出”的小工具时使用,把 UI 中的操作转成可粘贴回 agent 或提交的文本。核心约束是每个编辑器必须有“复制结果”按钮,没有导出出口的编辑器不算工具。

主要能力与三种范式:

  1. 拖拽分类板(triage board):N 列(典型 Now/Next/Later/Cut),卡片可在列间拖拽,顶部“Copy as markdown”导出。使用 HTML5 drag-and-drop,导出时按列生成 markdown 列表。
  2. 配置编辑器(feature flag editor):分组 fieldset,每个 flag 是 toggle,change 事件检查依赖(如 A 必须 B 也开),输出仅变化 keys 的 JSON diff。
  3. Prompt 调参器:左侧 textarea 模板(含 {{slot}}),右上样例输入卡,右下实时填充结果,键入立即重渲染,显示字符数与按 chars/4 估算的 token 数,“Copy prompt”输出当前模板。样例数据嵌在页面内,不调外部 API。

使用方式:按用户需求选择对应范式;拖拽分类板与配置编辑器无独立模板,需按需生成;Prompt 调参器可直接使用 ../../templates/prompt.html。通用导出按钮通过 navigator.clipboard.writeText 实现,失败时回退到选中隐藏 textarea 并 execCommand('copy')。

适用场景:ticket 优先级 triage、feature flag 切换、prompt 调参等需要“在 UI 里改完然后 copy 回来”的任务。

限制:导出格式需服从 agent 后续用途(markdown / JSON diff / 纯文本);样例数据应使用真实 mock 而非“Sample 1”;拖拽需有 hover 视觉反馈;配置依赖警告须在 change 事件立即出现;token 计数仅为 chars/4 估算,不依赖真实 tokenizer。