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

 

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

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

如今,它实现了!Skills Hub 正式上线。

https://skills.kesanai.com

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

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

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

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

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

用户侧功能

首页

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

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

技能详情

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

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

技能资源

根据分类来筛选技能。

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

技能搜索

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

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

教程

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

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

GitHub登录

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

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

用户反馈

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

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

管理后台

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

分类管理

技能分类管理

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

技能管理

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

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

结语

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

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

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

 

前沿技术大模型技术新闻资讯

Nano Banana Pro 深夜炸场,但最大的亮点不是 AI 生图

2026-3-14 8:03:24

前沿技术大模型技术新闻资讯

节省98.7%的Token用量!Claude Code MCP的正确打开方式

2026-3-14 10:12:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
搜索