ARTICLE · 1040848
工具收藏了却找不到?用 AI 把清单做成搜索页
郑大钱 · AI 用到一件具体事上
工具收藏了却找不到？用 AI 把清单做成搜索页
实际页面 · 可复制要求 · 操作检查
你有没有一张这样的清单：工具名称记了很多，也写过几句用途，但下次要写报告或做演示，还是得从头翻？
这篇用我自己的六个 Skill 做演示，把笔记里的表格整理成一个小网页。你可以按眼前的任务筛选，也可以输入关键词搜索；文件保存在电脑里，用浏览器就能打开。
下面先看实际成品，后面有可以直接复制的制作要求，以及生成后该怎样检查。这一页负责帮人找到合适的工具，本身不运行 Skill。
本次制作的实际页面：六项资料按任务整理。
原来那张表，其实已经有足够的信息
输入只有六项工具的名称、用途和适用场景，来自我的 Obsidian 笔记。
例如，成品编排器负责把内容和表格整理成 HTML 成品；Deck Forge 把资料做成演示稿；浏览器验真负责检查网页行为。其余三项是代码工厂、自然写作和 Webscope。
这些内容原本放在同一张表里。改成网页以后，每项工具有自己的卡片，并按任务分成“内容与表达”“开发与验证”“研究与资料”。名字和用途都保留，分类是这次新增的设计。
读者可以先选“开发与验证”，再搜“浏览器”。页面会从六项缩到两项，再剩下一项。
这六项只是演示输入。你可以换成自己的课程清单、常用软件或工作资料目录。先把每项的用途写清楚，搜索才有东西可找。
给 AI 的要求，要能照着检查
这次用了我现有的“明辰成品编排器”Skill。它指导 AI 把资料组织成单文件 HTML；实际代码仍由当前 AI 工具生成。
没有这个 Skill，也可以先在支持代码生成的 AI 工具里尝试下面这段要求。生成效果取决于工具和输入，做完还要检查。
请把我提供的工具清单，制作成一个可直接用浏览器打开的单文件 HTML 页面。
内容要求：
1. 保留所有条目的名称、用途和适用场景，不编造功能、用户评价或效率数字。
2. 按任务建立少量分类，说明分类是本次新增的设计。
3. 原文没有链接的条目不要添加下载按钮。
功能要求：
1. 可以搜索名称、用途和适用场景。
2. 可以按分类筛选；搜索和分类同时生效。
3. 显示当前结果数；没有匹配时明确提示。
4. 清空搜索、选择“全部”后恢复所有条目。
5. 手机端使用单列卡片，不出现横向滚动。
交付要求：
1. 保存为一个完整的 HTML 文件，样式和脚本放在文件内。
2. 核心内容和筛选功能不依赖外部服务。
3. 给输入框和按钮加可访问名称，保留键盘焦点样式。
4. 不自动部署或上传，先交给我本地检查。
我的清单：
[在这里粘贴允许处理的资料]
“做漂亮一点”可以留到下一轮。第一轮先约定点哪个按钮应该出现什么结果，出错时才知道改哪里。
搜得到，还要检查能不能清回来
我在浏览器里实际检查了这几个动作：选择“开发与验证”，显示代码工厂和浏览器验真两项；再输入“浏览器”，只剩浏览器验真；输入不匹配的词，显示零结果提示；清空搜索并选“全部”，恢复六项。
实际浏览器截图：分类与关键词同时生效，结果缩为一项。
手机端还检查了 390 像素宽度下的布局，页面宽度同为 390，没有横向溢出。这是本次检查的尺寸，不能据此声称所有手机都已兼容。
你做课程页，可以用一门真实课程的名称测试；做资料目录，就拿一个实际文件名搜索。不要只看页面打开了、按钮长得像按钮。
这一轮还要回头对原清单：有没有少条目？名称是不是改了？用途有没有被 AI 扩大？截图能展示外观，实际点击才能检查这些交互。
一个文件，适合从小范围开始
成品的文字、样式和筛选逻辑都在同一个 HTML 文件里。这份演示没有登录系统，也没有在线数据库。双击文件就可以在本地浏览器中打开。
需要更新条目时，把原始资料和现有文件一起交给 AI，说明增加或修改哪一项，再重复检查搜索与筛选。只改网页、忘了更新原始清单，时间久了还是会出现两份不同的资料。
动漫 IP 流程示意：整理输入、生成页面后，还要实际点击检查。
本次配图把“整理输入、生成页面、点击检查”画成了三个步骤。中间生成了页面，最后仍要由人检查结果。
涉及团队共享、多人编辑或权限控制，就超出了这个单文件演示的范围。先确定自己需要的是本地目录，还是一个持续运行的在线系统，再决定要不要继续做。
先选一份你真的会翻的清单
六项工具已经足够跑通这个例子。你的输入也可以很小，关键是每项有清楚的用途，做出来后自己会打开用。
这次演示的完整制作要求已经放在上面。先复制要求，换成自己的资料，拿到文件后按文中的动作逐项检查。原始资料涉及客户或公司信息时，先确认可以交给所用工具处理。
这次得到的是一个已检查基础交互的小页面，没有测算节省时间，也没有验证六个 Skill 的全部能力。
你更想整理哪一类清单：常用工具、学习资料，还是工作文件？