这是什么
「皮皮的AI工具箱」是一个按用途分好类的 AI 工具清单。首页是卡片墙，每张卡片对应一篇说明页，写清楚这个工具是什么、适合谁、怎么进去。
不做榜单排名，也不标"最强"“第一”——工具迭代太快，那种标签半个月就过期。这里只负责把工具按用途归好位、把入口和一句话说明摆在一起，省掉你在搜索结果里翻十几页的时间。
内容怎么组织的
站点有 10 个分类，从"常用推荐"往下，覆盖对话助手、写作、办公、图像、视频、编程、智能体、设计、开发平台。
分类下面是二级分组。比如"AI 对话助手"里再分"国内大模型"“海外模型"“搜索问答”。同一个工具可能同时出现在两个分类里——豆包既在"常用推荐”，也在"AI 对话助手"，这是故意的：两种找东西的习惯都该被照顾到。
每个工具在 data/webstack.yml 里是一条记录：
title工具名url官网地址，卡片上的"直达"按钮就跳这里description一句话说明logo图标文件名，图片放在static/assets/images/logos/page对应说明页的 slug，卡片点击进站内页
怎么改
加一个工具：在 data/webstack.yml 对应分类的 links 下面，照现有格式加一段就行。
加一整篇说明页：在 content/tools/ 下建 tool-<slug>.md，frontmatter 里写 slug: <slug>，然后在 yml 那条记录里把 page 填成同一个 slug。
换图标：把图片丢进 static/assets/images/logos/，文件名和 yml 里的 logo 字段对上即可。图标是 40×40 显示，正方形、底色干净的最好看。
改完跑一次构建就行：
hugo
生成的 public/ 整个目录就是站点，传到服务器即可。
说明
工具信息整理自公开资料，以官网为准。任何工具的收费方案、功能范围、可用地区都可能变，下单或依赖前请自己再确认一遍。
本站不收录工具的使用教程，也不做付费推荐。卡片顺序是编辑顺序，不代表推荐强度。