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

相关推荐
data analyse 45612 分钟前
报表能自定义的国内统计工具有哪些
前端·数据分析
IT_陈寒30 分钟前
JavaScript闭包的这个坑,我居然今天才爬出来
前端·人工智能·后端
可乐鸡翅yeah_31 分钟前
hls.js 切换多个视频源,新手开发常见踩坑
开发语言·前端·javascript·ios·ffmpeg·音视频·safari
葡萄城技术团队35 分钟前
复制走的是数字,留下的是身份:Web 表格里被忽视的数据断层
前端
kyriewen38 分钟前
我实测了前端日期的 5 个坑:差 8 小时只是开始
前端·javascript·程序员
狗凯之家源码网38 分钟前
PHP 开源 IM 即时通讯系统效果实测与功能展示
开发语言·开源·php
天天向上29142 分钟前
Spring AI 实战:14 个踩坑记录,其中一个让我的测试全绿但产品是坏的
java·开源
测试运维日常笔记1 小时前
大模型应用专项测试指南:从 Prompt、RAG 到 Agent 的完整链路
前端·prompt
计算机魔术师1 小时前
没有人告诉他们要这么做——AI 智能体自己学会了"组团"越狱
前端