AI编程开发的第一个产品：Skills Hub上线了！

Claude Skills 是在 2025 年 10 月 16 日由 Anthropic 正式公布的。当时，也发了一篇文章来介绍，它其实是扩展AI能力的协议。Claude Skills用「一个文件夹」重新定义AI扩展能力。

那时候就萌生了一个想法，做一个Skills的聚合站，用AI编程来落地整个网站，走一遍从规划，开发，部署上线的完整过程。

如今，它实现了！Skills Hub 正式上线。

https://skills.kesanai.com

笔者使用业余时间，大概每天2~3小时，7天时间，利用 TRAE 开发的网站。整个过程，一行代码没有写，全凭AI编程来完成一个有前有后的国际站。

本文只是开篇，下一篇文章会分享整个开发过程以及遇到的各种问题，敬请关注！

主要从以下这些方面进行分享：

• • 网站功能规划
• • 技术选型&架构设计
• • 搭建工程脚手架（全栈前后端框架搭建）
• • 网站UI设计
  
• • 国际化多语言（i18n)
• • 数据库选型（Supabase)
• • CI/CD选型（Vercel）
• • 功能实现（近 20 个功能点）
• • 数据采集方案（借助爬虫来实现）
• • 程序部署&域名绑定
• • 网站 SEO 优化
• • Product Hunt 发布产品
• • 产品后续的规划
• • 具备怎样的能力才能开发这样的产品？

用户侧功能

首页

包括站点导航、登录、多语言切换、搜索技能、发布最新/精选的技能。（以下展示中文版）

技能详情

技能的详细描述，读取了skill.md 的内容进行渲染。

技能资源

根据分类来筛选技能。

技能搜索

根据关键字进行技能搜索。

教程

目前仅支持在 Claude code 以及Claude AI 相关产品，还有国内的 CodeBuddy 中使用，教程中仅仅列举了这两类产品的使用教程。

GitHub登录

对接GitHub平台的用户体系，实现Oauth2.0的认证流程。

用户反馈

用户登录后可以将遇到的问题反馈给产品，后台管理员可以看到用户反馈。

管理后台

管理后台主要用于维护基础数据。

分类管理

技能分类管理

技能管理

技能管理功能相对比较复杂，除了基本的CRUD，还实现了 AI识别分类，识别标签，同步技能详情等功能。

结语

好了，主要的功能就分享到这里！其实还有很多功能点，例如用户管理、个人资料、友情链接、用户反馈管理等功能，由于是基础功能在此就不赘述了。

Skills Hub是一个值得关注的网站，笔者预测在2026年之前各大厂AI产品均会退出支持 skills 协议的版本，到时候查找好用的技能将会是一件很重要的事情，收藏好这个站点，也许对你有帮助。

Skills Hub作为第一个完全用AI编程来实现的产品，对于笔者来说具有非常重要的意义。后续会继续分享整个开发过程以及未来的规划，请留意哦！

也欢迎在评论区吐槽，分享你的想法，也许能够一起来完成！

👇 如果你喜欢这篇文章，别忘了点赞、在看、转发哦！