【开源】利用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]

相关推荐
张元清10 小时前
驯服 React 里的 DOM 事件:useEventListener、useEventEmitter、useKeyModifier、useTextSelect
前端·javascript·面试
lichenyang45311 小时前
鸿蒙项目首页启动链路与 ArkUI 架构学习总结
前端
ssshooter11 小时前
Tauri 应用首次上架 App Store 被驳回了 3 次(iOS)和 12 轮(macOS)的经历
前端·ios·程序员
STDD11 小时前
Penpot:开源 Figma 替代,自建设计协作工具
开源·figma
阿祖zu11 小时前
2026 企业级 Agent 产品落地思考与全流程指南
前端·程序员·aigc
yqcoder11 小时前
拆解互联网:通俗易懂的网络分层模型
前端·网络·网络协议
小鹿软件办公11 小时前
Mozilla 解释 Firefox 在英特尔 Raptor Lake 系统上的崩溃问题
前端·firefox
代码熊崽的编程森林11 小时前
vue + onlyoffice 自定义插件的实现(OnlyOffice 插件:AI 智能编辑)。
前端·javascript·vue.js
Lucky_Turtle11 小时前
【Vue】element plus Slider小数组件设置顺滑程度
前端·javascript·vue.js