01
背景
为什么做
工具推荐不是“列表”，而是“决策”——需要把对比维度显性化，才能真正帮助选择。
在线预览
有些站点会因为安全策略拒绝 iframe 嵌入；如果这里是空白，请直接使用上面的“打开线上版本”。
访问方式
对这类项目来说，最强的信息仍然在线上产品本身。下面的说明只负责帮你抓重点，不是替代真实体验。
视觉历史
先看最新状态，旧版本继续保留在下面
这条时间线保留了界面的可读记忆，所以卡片可以展示最新封面，同时不抹掉更早的状态。
最新
Latest
2026-04-04
归档
Archived cover
2026-04-04
旧版 R2
Legacy above-the-fold capture
2026-01-22
旧版 R2
Legacy full-page capture
2026-01-22
项目说明
在打开线上产品前，先看这些
02
场景
应用场景
- 快速找到某一类工具（团队协作/设计/效率等）。
- 用可比较的字段做选择，而不是靠感觉。
- 把探索过程变成可复用的“工具地图”。
03
交付
实现了什么
- 工具卡片库：名称、简介、链接与关键指标。
- 分类筛选 + 搜索入口。
- 以“瀑布流/多列”提升浏览效率。
04
设计
设计要点
- 卡片即对比：将信息密度控制在“可扫描”。
- 让“链接外跳”更轻：用户不必反复返回列表。
- 首页就提供搜索：避免先浏览再迷路。
05
技术
技术实现
- 卡片化信息架构
- 前端检索/过滤与响应式布局
流程
从进入到完成的路径
这类项目最适合按“真实产品”去理解：入口、反馈循环和完成状态，与表层界面同样重要。
Curate / Tag / Search / Decide
打开项目：Prompt Hub 
Prompt Hub
面向个人/独立开发者的实用提示词收集库：精选可复用模板，减少试错成本。
打开项目：CLI Command Reference 
CLI Command Reference
Gemini CLI、Claude Code 与 Shell 交互语法参考：支持搜索、过滤与一键复制。
打开项目：个人资讯站 
个人资讯站
个人资讯收集与写作输出：把信息源、笔记与观点沉淀成可检索的内容体系，持续更新。