【开源】利用Claude Agent SDK能力通过Skill自主构建完整的web

之前我在linuxdo社区发几个文章说写agent,然后很多人有兴趣:

今天继续这个话题,同时开源了完整的skill,方便佬友直接上手,一键生成,把自己的skill转为webapp,web saas等等对外开放agent。

开源地址:

github.com

GitHub - liangdabiao/claudesdk-skill: 探索 Claude Agent SDK 能力的实验项目。通过 Skill 系统让 AI 理解 SDK...

探索 Claude Agent SDK 能力的实验项目。通过 Skill 系统让 AI 理解 SDK 文档,进而自主构建了一个 TikHub 社交媒体数据对话助手。 本项目是利用 .claude/skills/claude-agent-sdk 建立 claude-agent-sdk 项目, 项目基于 https://github.com/liangdabiao/tikhub_api_skill tikhub skill 封装成 webapp。

image

image843×144 10.7 KB

image

使用方法很简单:

在claude code / codex 中:

❯ 利用 claude-agent-sdk 建立一个 能够chat对话的 webapp, 而对接的功能参考: tikhub-api-helper/,请你先深度研究出一个技术方案,写在文档给我检查

然后充分的调试log,让AI能够得到反馈信息:

❯ 你需要检查,agent探索的路径是否正常,探索的文件应该是 skill内部的文件,例如里面的api文档等等

image

image759×873 140 KB

image

展示生成效果

image

image416×557 28.7 KB

image

image

image365×485 44.6 KB

image

image

image487×668 94.1 KB

image

整个app都是一键生成呢,你直接给ai你的skill,然后让AI利用我的skill帮你生成完整的claude-agent-sdk项目,变成实际可用的 agent webapp服务。

核心原理:

image

image833×545 86.3 KB

image

来自极客时间《Claude Code 企业级老项目》:

理解: 给了全面的文档和案例代码 ,在我开发的 skill: claude-agent-sdk skill

约束: 提示语要求 claude-agent-sdk, 和python或者typescript

验证: 要求ai端对端进行测试,充分利用了playwright 和 调试log,自己测试自己发现问题自己想办法解决。

开源不容易,感谢支持:

GitHub - liangdabiao/claudesdk-skill: 探索 Claude Agent SDK 能力的实验项目。通过 Skill 系统让 AI 理解 SDK 文档,进而自主构建了一个 TikHub 社交媒体数据对话助手。 本项目是利用 .claude/skills/claude-agent-sdk 建立 claude-agent-sdk 项目, 项目基于https://github.com/liangdabiao/tikhub_api_skill tikhub skill 封装成 webapp。 · GitHub ,

而测试的skill来自: GitHub - liangdabiao/tikhub_api_skill: TikHub API 助手是一个 Claude Code Agent Skill,用于帮助用户搜索、发现和调用 TikHub API。TikHub 提供了多平台社交媒体数据 API,支持抖音、TikTok、小红书、Instagram、YouTube、Twitter、Reddit 等平台。This is a TikHub API skill/documentation repository. TikHub is a multi-platform social media data API service that provides RESTful endpoints for platforms including Douyin (抖音), TikTok, Xiaohongshu (小红书), · GitHub

简单的说,就是一句话就可以一键生成了:::❯ 新的项目:: 利用 claude-agent-sdk 建立一个 能够chat对话的 webapp,

而对接和利用的skills功能参考: data-skills/

,请你先深度研究出一个技术方案,技术方案要以skills技术为核心。写在文档给我检查

image

1, 把你的skills 放在根目录

2, 把我的 sdk skill 放进你的codex/claude code

3, 命令ai : 利用 claude-agent-sdk 建立一个 能够chat对话的 webapp,

而对接和利用的skills功能参考: 你的skills/

,请你先深度研究出一个技术方案,技术方案要以skills技术为核心。写在文档给我检查

4, ❯ 检查了,很好,就是这样。 而 .env我也给你了,请你一步一步认真完成工作

5, 端到端测试, 注意检查agent有没有利用好 skill技术

6, 自己测试一下,那么就完成了! 任何skill转为对外开放agent

相关推荐
程序员黑豆14 分钟前
鸿蒙应用开发:Refresh + List 下拉刷新组件使用教程
前端·华为·harmonyos
Hilaku15 分钟前
为什么大厂对前端算法要求极高?
前端·javascript·程序员
Tkto36 分钟前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu43 分钟前
前端代码常用规范
前端
xiaobaoyu1 小时前
img,word,excel,pdf文件在线预览
前端
lichenyang4531 小时前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户84298142418101 小时前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu1 小时前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu1 小时前
vue3+vite+vant4项目实战总结
前端
咖啡星人k1 小时前
【无标题】
前端·ai·github