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

相关推荐
SelectDB24 分钟前
网易游戏 湖仓一体架构:Apache Doris / SelectDB 的技术能力与实践
开源
Brown.alexis31 分钟前
es6知识点5-自备使用
前端·javascript·es6
杨利杰YJlio1 小时前
KB5121003更新详解:安全启动证书、AI组件、资源管理器与安装验证
前端·javascript·后端
紫菜猫一只1 小时前
Vue 3 与 React 常用写法对比
前端
jinggongszh1 小时前
使用AI协同开发产品条码规则功能——从“理解方案、原型、接口文档”到“落地真实前端代码”
前端·人工智能·mes系统·mes工程架构
渔夫正在掘金1 小时前
Cordis 中文教程:渐进式构建插件化应用
前端·node.js·ai编程
打呵欠的猫1 小时前
前端团队 3 个月 AI 实践复盘:哪些场景 ROI 最高,哪些是伪需求
前端·ai编程
zlinear数据采集卡2 小时前
数据采集卡从入门到精通(10):采样率与分辨率的核心关系——反比律、架构分布与过采样
arm开发·嵌入式硬件·算法·fpga开发·架构·开源
gyx_这个杀手不太冷静2 小时前
高级前端开发职业规划(2026—2035)
前端·面试·agent
程序员黑豆2 小时前
Java中的null与NullPointerException完全指南:安全处理、实战排查与面试题
java·前端·ai编程