10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI编程开发

Qoder 实测:从 Skill 验证到电子书架产品,一个下午的 AI 编程工作流

5小时前 AI编程开发 35 0

前段时间,WorkAgent 蓝皮书发布后,有读者评论说想看印刷的纸质版。AI 领域的内容做书籍出版有个天然矛盾:出版周期长,但 AI 更新太快,刚交付新东西又出来了。所以蓝皮书一直用网站形式在更新。

但转念一想:用户要的可能不是"纸",是另一种翻阅方式。网站负责持续更新,电子书负责好翻好带,各干各的。正好看到阿里的 Qoder 8 月 27 号做了一次大升级,从 AI 编程 IDE 变成了智能体工作台。就拿这个需求去试它。

图片 1

而且 Qoder 桌面端有个桌宠,有想法不想打字的时候,可以直接对着它说,然后自己进入计划、Coding、执行和验证。

图片 2

过去一年,Qoder 持续深耕 Coding Agent,已服务全球 600 万用户和 10 万家企业客户。

图片 3

PART 01:先造 Skill——最轻的方式验证想法

做东西习惯先跑个最小版本。这里先让 Qoder 写个 skill,做可行性验证。为什么是 skill?因为它够轻。一个 skill 就是一套打包好的提示词+指令,告诉 Agent 拿到输入以后该干什么、按什么顺序干、最后交付什么。Qoder 有个扩展市场,里面技能就有两万多个。

图片 4

比起直接做一整个软件,先用 skill 试水,成本低、反馈快。不行,换个思路也不心疼。

图片 5

把同一个任务分别丢给 Auto 模式(它会自己挑选合适的模型)和指定千问 3.8 Max,看看各自跑成什么样。Auto 模式这边,进来先规划,Plan Mode 计划。

图片 6

之后派了三个子 Agent 分头探路:一个勘察工作区结构,一个查验证工具配置。Qoder 右边面板能看到它挂了哪些技能和数据源,下面步骤条实时跟进度。

图片 7

千问 3.8 Max 这边,风格完全不同。没搞什么子 Agent 分头探索,直接就开始干:跑终端命令,找参考 skill 结构,curl 抓页面。

图片 8

到写代码阶段差异更明显。千问 3.8 Max 搭好 Python 环境,一口气写了 116 行。

图片 9

顺带一提,Qoder 9 月 4 号更新了自定义模型,在原有付费订阅基础上,支持通过 OpenAI 兼容协议接入第三方模型。配置很简单:在设置里切到"自定义",添加供应商,填入 OpenAI 兼容协议的 BaseURL 形式,免费版就可以用。

图片 10

图片 11

回到正题。Auto 模式跑通 Skill 后,做了个简单的 benchmark。有 skill 的情况下通过率 100%,没 skill 的情况下只有 17%。时间差不多,都在 40 秒左右。

图片 12

PART 02:从 Skill 到书架——Ship a Product

Skill 跑通了,说明这事能做。接下来让 Qoder 把它做成一个产品:做一个书架,可以输入任意网址,转换后保存成一本书。攒多了就是一个电子书库,离线也能看。

图片 13

第一版肯定有问题。有些页面排版崩了,有些图片没抓到。这时候 Qoder 的 Browser Use 就派上用场了:它自己打开浏览器,把转换后的页面跟原站对着看,哪里不对自己回去改代码。

图片 14

这个改的过程比结果还有意思。写代码 → 跑一遍 → 打开浏览器看效果 → 发现排版错位 → 回去改 → 再跑一遍验证。几轮下来,排版稳了。

图片 15

PART 03:前端与边界——哪些成了,哪些还不行

书做完了,顺手试了下 Qoder 做前端。给它的提示词里放了 basement.studio 和 locomotive.ca 两个参考站链接。Qoder 有 Browser Use,自己会打开参考站,看完再写代码。

CASE 01:HANDBUILT 工作室官网

左边代码区,右边浏览器实时预览。大字排版、hover 联动变化、滚动节奏都在。用的千问 3.8 Max。

CASE 02:OBSERVER PRESS 出版物官网

模仿 Stripe Press 的出版物官网。六本虚拟书目,衬线标题,米白纸感底色,书封用 CSS 画的。切了 Grok 4.6 跑,自定义模型,自己接 API 进来。

CASE 03:产品说明书网站

做了一个产品说明书网站,整体挺有工业设计感。

PART 04:结语——从想法到产品,一个下午

蓝皮书的内容一直在网页上更新,缺的就是一个随手能翻的形式。这次从一个 skill 开始验证,跑通了做成书架,中间还顺手试了三个前端、换了两个模型。一个下午,从想法到能用的产品。

Qoder 8 月底这次升级,从写代码的工具变成了能帮你做东西的工具。编程的底子还在,但用的人不一定要懂代码了。做什么、做成什么样、哪里要改,这些还是你说了算。它负责执行,你负责拍板。

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:Qoder 实测:从 Skill 验证到电子书架产品,一个下午的 AI 编程工作流
#Qoder #AI编程 #Coding Agent #Skill #电子书 
收藏 1
Agentic UI 设计指南:从任务计划、执行状态到结果工作台
这是最后一篇
推荐阅读
  • Cursor全栈开发环境配置指南(Win版):Python/JavaScript/Node.js/Java环境搭建、基础配置
  • /security-review:从现在开始我建议你在Claude Code使用这个命令开启安全审查
  • Cursor 1.2 版本抢先看:新增Agent To-dos、消息队列、PR搜索、Tab补全提速!
  • claude-trace:给Claude Code装个"透视镜",让你看到Claude Code的系统提示词
  • Superpowers 深度拆解:用语言级纪律系统解决 AI 假完成问题
评论 (0)
请登录后发表评论
分类精选
手把手教你用支付宝订阅 Cursor Pro:国内用户最全开通教程(附取消自动扣费)
32936 1年前
Claude Code Rules:claude.md文件配置完全指南
22993 1年前
手把手教你在VS Code & Cline/RooCode 中使用Kimi K2 模型,配置实录+开发实战体验
17827 1年前
学生党0元白嫖!手把手教你解锁Cursor Pro年VIP,超详细申请教程(附避坑指南)
16740 1年前
Claude Code + MCP 实战教程:手把手教你如何在Claude Code里面使用MCP
16691 1年前
Cursor进阶指南:如何解决Cursor上下文长度的限制超出后”降智“问题
16266 1年前
Cursor 0.46更新,新增支持Claude 3.7 + GPT 4.5,Cursor Pro 无限续杯攻略,全自动化工具使用说明
14854 1年前
Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
14783 1年前
Cursor代码生成器中文使用教程,Cursor新手入门完全指南,全网最全面详细的Cursor使用教程
14774 1年前
一文搞懂所有模型,Cursor 模型选择终极指南:从入门到精通
12381 1年前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Qoder 实测:从 Skill 验证到电子书架产品,一个下午的 AI 编程工作流
2 CrewAI 多智能体开发实践:在自治与确定性之间找到平衡
3 Claude Code 14条隐藏命令:6个月省200小时的开发技巧
4 免费大模型API配置指南:用New API整合四大平台实现token自由
5 Claude Code 插件系统详解:从技能打包到社区分发
6 MemoraX Code:为 Claude Code/Codex 添加长期记忆,跨会话复用项目上下文
7 MonkeyCode + MonkeyWork 实测:GitHub 4K Star 的 AI 开发平台,每天 3000 万免费 Token
8 京东 JoyCode 限时免费:每月 10000 积分,支持 GLM-5.1 等多款大模型
9 Vibe Coding Token 成本分析:工具调用与推理占了 76% 的输出开销
10 goutoujunshi:恋爱关系决策 AI 助手,先稳情绪再给建议
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联