Skip to content

🧭 小白看板让 Agent 帮你写代码

从免费工具和入门教程开始,学着指挥 Agent 做出、验收并发布自己的作品。

小白看板 · 让学习与任务管理更简单高效

你是哪一类读者? ​

这个站点服务两类人,入口不同,内容也不一样。先认领自己那一条:

你是从哪开始说明
👤 不懂代码的人小白入口 → README从头看,跟着步骤走。不用先学任何东西。
🎵 会用 AI 写代码,但总感觉差点意思vibe coding 主线你缺的不是工具,是节奏感。四篇主线把「一轮做多少、怎么验收、何时该停」讲透。
💰 不想花钱用 AI 编程装上 magpie以为必须订阅 Claude / Codex?不用。国内一线模型有免费额度,一分钱不花。
🤖 AI AgentAgent 入口 → AGENTS.md收到任务先读这份,它会告诉你怎么自检、怎么干活。
🧑‍💻 正在带一个不懂代码的用户先读 AGENTS.md,再按编号引导他Agent 自己读完操作手册,再去带人。

关于我们

让每个小白从便宜、免费的 AI 教程起步,完成自己的作品闭环。

我们从「Agent 是什么」讲起,带你走过想法、需求、制作、验收和发布。 教程与开源工具可以直接使用;遇到具体卡点,可以带着步骤和截图来问。

了解我们与服务方式 →

开源 Skill,也要看真实作品 ​

这个站的图标就是 logo-brand-designer 的实战案例:从品牌色来源、四款风格对比,到 SVG 深浅版本与小尺寸检查,都公开展示。

看品牌设计过程与四款对比 → · 查看 Skill 源码与安装方法

下一步要做什么?按目标选入口 ​

你现在想做的事从这里开始需要人帮忙时
做封面、配图,第一次用 AI 出图MUSE 第一次出图手册 → MUSE AV 网页出图;想让 Agent 从终端出图,再看 museav-cli带上用途和示例图咨询
给 DeepSeek Harness(DSH)选插件DSH 模型管理、DSH 素材库、DSH 主题;按自己的卡点选带上环境与报错咨询
想用本地网关统一配置模型先看 magpie 上手教程;需要扩展再看 社区插件集带上目前用的 Agent 和模型咨询
不知道该装哪个命令行工具SuperCLI 工具目录 → 按用途搜 CLI;装完再回来看 CLI 认知说下你要做的事,我们帮你找命令
想看经验、复盘和更多项目阅读 webkubor 博客 → 按问题查 38 个开源项目遇到具体问题再联系我们

💡 这里推荐的是可直接阅读的教程、公开仓库和现有产品。先照教程试;需要结合你的环境判断时,再扫码找人。持续陪跑或定制服务会先沟通范围与费用。

小白看板客服二维码:扫码咨询具体问题

选不出来?带着目标来问

扫码加客服,备注「小白看板 + 出图 / DSH / 本地网关 + 你想解决的问题」。先说目标和当前环境,我们才好推荐合适的入口。

基础答疑免费;教程与开源工具无需加好友即可使用。需要持续陪跑时先确认服务范围与费用。

💡 为什么在这里放客服? 出图要选网页还是 CLI、DSH 要装哪个插件、本地网关怎么接 Agent,都取决于你正在做的事和已有环境。把目标与卡点说清楚,比盲装一排工具更省事。

想找免费图床或开源工具? ​

不知道工具叫什么,就按问题找:打开 38 个开源项目的工具箱。 例如图片托管与 Markdown 配图,直接看 免费图床 free-imgbed: 一个 GitHub 仓库管理图片,配合 CDN 提供图片链接。

学习路径一览 ​

跟着编号走,不跳步:

编号章节花多久看完你会
01Agent 是什么?3 分钟知道这玩意跟豆包有什么区别
02我为什么要用?4 分钟判断它值不值得学
033 分钟第一次实战3 分钟亲自指挥 Agent 做出一个网页
04怎么跟 Agent 说话6 分钟掌握万能公式,它更懂你
05术语大白话词典查用Git、Token、CLI 不再懵
06认识 CLI:AI 的手脚8 分钟明白为什么 AI 离不开命令行
07-10自检 / 安装 / 登录 / Git 工作流20 分钟环境就绪,能自己提交代码
11从零到上线15 分钟走通一条完整心智链
12怎么把需求讲清楚 ⭐10 分钟最重要的一课:说明书写得对,活就干得对
13申请 Agent 邮箱5 分钟让 Agent 能收发邮件

💰 不想花钱?先看这条 ​

AI 编程一定要订阅 Claude Code / Codex 吗?不用。 国内一线模型都有免费额度,配合 magpie 这个本地网关,一分钱不花。

章节花多久看完你会
M1装上 magpie:不花钱用 AI 编程15 分钟装好 magpie、开脱敏隐私模式、挂上 Agent、用上免费模型

📌 纯按量付费的话,一个月花掉 ¥1756、¥2162 很常见——不是模型贵,是用错了付费方式。

👉 看 magpie 教程 →

🎵 vibe coding 主线(会用 AI 写代码的看这条) ​

上面 13 篇教你入门。这条主线教你用好——如果你已经能让 AI 写代码,但总觉得来回改很多轮还差点意思,你缺的是节奏感。

章节花多久看完你会
V1什么是 vibe coding8 分钟它和「让 AI 写代码」的根本区别
V2一轮该做多小10 分钟粒度、什么时候打断、每轮必问的三句话
V3不会写代码,怎么验收 ⭐12 分钟三个信号、红线信号表、纠偏三招
V4人机分工与长期不失控10 分钟分工表、三条红线、上下文管理

👉 看主线地图 →

卡住了?别自己硬扛 ​

代理、开关、额度、版本差异都可能让安装步骤卡住。如果自助排查后仍没解决,带上操作步骤和报错截图联系我们,更方便一起找原因。

客服二维码:扫码加客服答疑

扫码加客服 答疑免费

加好友请注明「来自小白看板」+ 你卡在哪一步,我们好直接看问题。

  • 报错看不懂 —— 截图发来,帮你看是哪一环断了
  • 不知道装哪个模型、要不要花钱 —— 按你的用途给建议
  • 想让人陪着做完第一个项目 —— 说下目标,我们评估能不能接

不推销、不绑定工具。问一句不亏,答不上来我们会直说。

💡 为什么把客服放在首页:装工具和第一次跑通,天然会卡在环境和额度上, 而文字永远描述不清你屏幕上那行红字。把入口藏起来,只会让你多试错两小时。

给 Agent 的一句话指引 ​

如果你是被用户指过来的 Agent,直接取 /AGENTS.md(纯 Markdown,没有网页包装):

https://xiaobai.webkubor.online/AGENTS.md

本站在每个页面路径后加 .md 就是它的原文;全部机器可读入口见 /llms.txt 与 /documents.json。

以 MIT 协议开源 · 让每个人都能便宜甚至免费用上 AI · 关于我们