中文 AI 编程助手入门教程:认识 Agent、表达需求、安装 CLI 与学习 Git 工作流。 / Chinese beginner guide to coding agents, CLI setup, and Git workflows.
# Add to your Claude Code skills
git clone https://github.com/supercli-site/xiaobai-kanbanGuides for using ai agents skills like xiaobai-kanban.
See how xiaobai-kanban compares with popular alternatives.
xiaobai-kanban is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by supercli-site. 中文 AI 编程助手入门教程:认识 Agent、表达需求、安装 CLI 与学习 Git 工作流。 / Chinese beginner guide to coding agents, CLI setup, and Git workflows. It has 236 GitHub stars.
xiaobai-kanban's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.
Clone the repository with "git clone https://github.com/supercli-site/xiaobai-kanban" and add it to your Claude Code skills directory (see the Installation section above).
xiaobai-kanban is primarily written in HTML. It is open-source under supercli-site on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh xiaobai-kanban against similar tools.
No comments yet. Be the first to share your thoughts!
Available after the catalog security scan passes.
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
The deep catalog scan for this skill is still queued. Run an instant dependency check now instead.

你只说话,Agent 搞定一切。 不需要懂代码、不需要懂命令行。
🧭 第一次来? 往下看「⚡ 10 秒开始」就够,不用先读完全文。 想知道这个站为什么全免费 → 关于我们; 已经卡住了 → 直接问客服,答疑不收费。
对你的 Agent 说:
「你是什么 Agent?用大白话告诉我。」
记住它的名字。后面你会经常用到它。
看不懂它的回复?继续说:「用大白话解释,像跟小学生说话一样。」
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| Agent 是什么? | 3 分钟 | 知道这玩意跟豆包有什么区别 |
| 我为什么要用? | 3 分钟 | 知道 Agent 能帮你做什么事 |
| 术语大白话词典 | 随时查 | Git、Token、CLI……遇到不懂的词来查 |
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| 3 分钟第一次实战 | 3 分钟 | 亲自指挥 Agent 做出一个网页! |
| 怎么跟 Agent 说话 | 5 分钟 | 万能公式,让 Agent 更懂你 |
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| 装上 magpie:不花钱用 AI 编程 | 15 分钟 | 用免费模型额度,一分钱不花让 Agent 干活 |
💡 为什么这篇放在这里? 「AI 编程要花多少钱」是小白第一个会问、也最容易误解的问题。 很多人以为必须订阅 Claude Code 或 Codex(每月十几二十美元), 于是还没开始就劝退了。
实际上:国内一线模型(MiniMax / DeepSeek / GLM / Kimi)都有免费额度, 配上 magpie 这个本地网关,一分钱不用花。
📌 顺带一提:纯按量付费的话,一个月花掉 ¥1756、¥2162 是很常见的—— 不是模型贵,是用错了付费方式。
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| 认识 CLI:AI 的手脚 | 5 分钟 | CLI 是什么、为什么 AI 离不了它、GitLab/GitHub/飞书三个 CLI 各管什么 |
| 环境自检 | 30 秒 | 检查电脑准备好了没 |
| 安装 CLI 工具 | 2 分钟 | 装 Git、GitLab CLI、GitHub CLI |
| 登录配置 | 5 分钟 | Token 申请 + 安全存储 |
| Git 工作流 | 3 分钟 | 每天怎么用 Git 干活 |
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| 从「我不会」到「代码上线」 | 15 分钟 | Agent 是什么 · GitLab/GitHub 区别 · 代码怎么交 · 代码怎么认 · Web 开发与代码工程 · 开发在干嘛 · 命令是什么 |
| 怎么把需求讲清楚 | 10 分钟 | ⭐ 最重要的一课:背景+目标+范围+验收,四句说全,附带填空模板和自检清单 |
| 看这篇 | 说明 |
|---|---|
| Agent 邮箱 | 申请 Agent 邮箱 + 收发邮件 |
| Agent 配合手册 | Agent 怎么读 AGENTS.md 执行任务 |
如果你已经能让 AI 生成代码、改样式、修报错,但总觉得来回改很多轮还是差点意思—— 你不是缺工具,是缺节奏感。这条主线专门讲这个。
| 看这篇 | 花多久 | 看完你会 |
|---|---|---|
| vibe coding 主线地图 | 1 分钟 | 这条线讲什么、怎么走 |
| 什么是 vibe coding | 8 分钟 | 它和「让 AI 写代码」的根本区别;为什么小步更重要 |
| 一轮该做多小 | 10 分钟 | 粒度参照表、什么时候打断、每轮必问的三句话 |
| 不会写代码,怎么验收 | 12 分钟 | 三个信号、红线信号表、纠偏三招 ⭐ |
| 人机分工与长期不失控 | 10 分钟 | 分工表、三条红线、上下文管理四招 |
💡 没时间? 只读 👉 不会写代码,怎么验收? 一篇就够。 大多数人翻车都翻在「做完了却没发现已经歪了」。
| 阶段 | 用什么 | 为什么是它 |
|---|---|---|
| 🌱 刚开始 | WorkBuddy | 门槛最低,不用先学命令行。先把「能指挥 Agent 干活」这件事跑通,别的以后再说 |
| 🚀 上手了 | DeepSeek Harness (DSH) | 205K⭐,Everything is a Plugin。能装插件、能改配置、能接自己的工作流 |
| 🧭 熟练了 | 不限工具 | Claude Code / Codex / Kun / DSH 按任务挑着用。到这一步工具是手,判断在你脑子里 |
不要跳级。 卡在第一步的人,装十个工具也还是卡在第一步; 已经熟练的人,换工具只是换个快捷键。
DSH 的口号是 Everything is a Plugin,所以先装「能装插件的插件」—— 之后所有安装都在对话里完成,不用回命令行:
| 插件 | 干什么 |
|---|---|
| dsh-plugin-install | 在对话里直接装任意插件,装完即用 |
| dsh-plugin-marketplace | 设置页里的插件市场,浏览 + 一键装 |
| dsh-find-plugin | 直接问「有没有 XX 插件」,它去找 |
日常好用的:
| 插件 | 干什么 |
|---|---|
| dsh-context | 上下文洞察与管理——长对话不失忆的关键 |
| @michengai/dsh-im-connect | 把本机 agent 接到微信 / 企微 / 钉钉 / 飞书 / QQ / Telegram,用手机指挥 |
| @choate/dsh-plugin-token-stat | 每条回答后附上 token 用量,花了多少一眼看见 |
| dsh-plugin-appshot | 应用截图,让 agent 看见你屏幕上的东西 |
| 🌸 @kubor/dsh-bloom-theme | 玻璃 + 莫兰迪主题,8 套 OKLCH 配色(本看板作者写的) |
⚠️ 插件更新很快——
dsh-context一年能走十几个 minor。装完不等于一劳永逸, 按下面「把这些仓库当成上游」那节,定期让 agent 查一遍版本。
| 工具 | 一句话 | 安装 |
|---|---|---|
| 🦸 Superpowers | 258K⭐ Agent 技能框架,研发必备 | npx superpowers install |
| 🤖 Claude Code | Anthropic 官方 Agent,写代码最稳 | npm install -g @anthropic-ai/claude-code |
| 🔧 Codex | OpenAI 官方 CLI Agent,后台异步不卡 | npm install -g @openai/codex |
| 🇨🇳 Kun | 国内用户 DeepSeek 首选 — DS 模型原生编码 Agent | 见仓库 README |
| 📝 Typora | Markdown 写作首选,所见即所得 | 下载 → 装 Bloom 主题 |
下面这些全是「装完就能解决问题」的东西——每个都写清了: 解决什么问题 → 地址 → 怎么装。
不用一次全装。按场景挑,用到哪个装哪个,没遇到就别装。
下面是有正式品牌标识的 21 个主力工具,先混个脸熟。 每个都通过了图床的品牌校验(32px 可辨、四边留白均衡、明暗两版各自适配底色)。 想知道具体能干什么,往下翻对应场景 👇