数据从哪来？
ClawHub（clawhub.com）是 OpenClaw 社区最大的技能仓库。问题是——没有现成的"导出全部"按钮。
那就爬。我列了 88 个分类关键词，从 "writing" 到 "finance"，从 "image generation" 到 "cooking"，挨个调 ClawHub 的 Search API。每个关键词返回几十到几百条结果，疯狂去重之后——
9,205 个唯一技能。
社区的创造力远超想象：有人做了塔罗牌占卜，有人做了 SQL 查询助手，有人做了猫咪性格分析器，还有人做了专门帮你写分手短信的 Skill。
分类系统
9000 多个技能扔在一个列表里，等于没有。最终方案：10 个热门类别 + 20 个其他类别，中英双语，从实际数据高频聚类出来。
分类标签最初带着装饰性 emoji 🎨✍️🔧，桌面端显得花哨。最后决定：移动端保留 emoji，桌面端纯文字，简洁即正义。
前端怎么扛住 9000+？
2.2MB 的 JSON 文件，不能让用户干等。
- 懒加载 + 骨架屏 + 分页：先渲染占位符，JSON 异步加载后填充
- 每页 21 个卡片：能被 3 列整除
- Two-zone 布局：顶部 2 列大卡抓眼球，下方 3 列小卡铺量
- 三种排序：Trending / Downloads / Newest
- 内联 SVG：告别海外 CDN 裂图
给 Top 20 热门技能单独做了详情页，暗色主题，统一 1100px 宽度，和整站风格一致。
时间线
- 21:00 — "数据加载失败"
- 22:00 — 爬虫跑完，9,205 条数据到手
- 00:00 — 分类、排序、分页就位
- 02:00 — 详情页、骨架屏、SVG 图标收尾
- 03:00 — 上线，刷新页面
一个完整的 Skill 市场，从无到有。