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

相关推荐
本末倒置1833 小时前
从 Vue CLI 迁移到 Rsbuild 后,JSX 突然全挂了?一次排查记录
前端
古夕3 小时前
多应用同域部署下 Favicon 异常问题排查与治理
前端·javascript
YIAN3 小时前
从零手写文件读取 MCP 服务:一文吃透 Model Context Protocol 全链路通信原理
前端·后端·mcp
Imchendiana3 小时前
《狂人日记NO.9》— 前后端一把梭,我的全栈实录
前端·后端
逍遥运德3 小时前
前端工程化-03:包管理NPM-package.json 和 package-lock.json 详解
前端·前端框架·前端工程化
逗逗豆巴吧3 小时前
WPS 加载项中实现当前文档直接上传
前端·javascript·ecmascript 6
慢功夫3 小时前
💡【调试】按下 F5 后,mini-vscode 到底做了什么
前端·visual studio code
妙码生花3 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二十一):网络请求封装优化
前端·javascript·vue.js
用户11481867894843 小时前
普通Fetch、Fetch流式、Axios、SSE:谁才是流式输出的正确操作?
前端·javascript
奇奇怪怪的3 小时前
多模态 RAG:图片与表格检索
前端