搞定的空间站 | AI 教程中心

02Step-by-Step · 图文教程

跟着步骤走，轻松搞定。

每一期视频的图文教材都在这里。从零开始，每一步都有截图和命令。

⌘K

🧭

Tutorial

乔哈里视窗玩转 AI 沟通：四象限法则告别答非所问

用经典沟通理论乔哈里视窗拆解你和 AI 的信息差，四个象限四种对策，让 AI 回答又准又快

7 步 · 10 分钟开始阅读 →

🎨

Skill

Codex 一句话做爆款封面：封装成 Skill 批量出图

从找对标封面到封装可复用 Skill，教你用 Codex 生成带个人形象、风格统一的爆款封面，学会后一次能批量做 20 张

8 步 · 10 分钟开始阅读 →

🧠

Vibe Coding

Vibe Coding 项目总烂尾？三个动手前的思考技巧

项目做到一半就崩？掌握找对标、文档驱动、前端先行三步，不写一行代码就把框架想清楚，稳稳从头做到尾。

9 步 · 12 分钟开始阅读 →

🎨

Vibe Coding

Vibe Coding 页面又丑又平？三个技巧让 AI 复刻顶级设计

不用懂设计，三步搞定：去顶级网站养审美找对标，用截图喂给 AI 精准复刻，再把风格存成文档长期复用。

6 步 · 12 分钟开始阅读 →

📄

Tutorial

用 AI 打造网页版个人简历：零代码，从 PRD 到上线全流程

零代码，跟着这套提示词从简历 PRD 到 UI 设计、生成 HTML、下载 PDF、部署上线，做出一份能随时更新的网页版个人简历。

10 步 · 16 分钟开始阅读 →

🔄

Vibe Coding

Vibe Coding 完整闭环：从零到上线一个番茄钟

不用懂代码，从需求梳理、PRD 撰写、设计 demo 到分步开发和上线部署，走完 Vibe Coding 完整闭环。

10 步 · 14 分钟开始阅读 →

🧰

Vibe Coding

Vibe Coding 必备工具集：四类工具一次讲明白

AI 编程、模型配置、代码管理、上线部署——新手做 Vibe Coding 必备的四类工具，怎么选、怎么装、怎么用一次讲清

8 步 · 14 分钟开始阅读 →

🛠️

Vibe Coding

停止 Vibe Coding，开始 Learn by Building

搭建规范工作区，掌握构建循环四步法，让 AI 项目稳步推进、不再烂尾

5 步 · 11 分钟开始阅读 →

⭐

Claude Code

GitHub 10万星 CLAUDE.md 解析：让 Claude Code 效率提升 400%

Andrej Karpathy 的 63 行文档，4 条规则彻底解决 AI 瞎猜、乱改、画蛇添足、假装修好的问题

11 步 · 19 分钟开始阅读 →

💡

Claude Code

Claude Code 十个隐藏用法，效率提升 5 倍

从 VS Code 插件到文件整理，十个被低估的用法帮你把 Claude Code 用成笔记系统、写作搭档和电脑助理

12 步 · 11 分钟开始阅读 →

🧠

Claude Code

Claude Code 记忆系统全攻略：3行命令让AI更听话

利用 CLAUDE.md 和 MEMORY.md 记忆系统，永久减少AI幻觉、去掉无用捧场、节省token消耗

7 步 · 10 分钟开始阅读 →

⚡

Claude Code

Claude Code十个隐藏命令，Vibecoding效率提升10倍

init、plan、compact、new、rewind、memory、model、branch、Shift+Tab、hooks 十个隐藏命令从项目建档到高阶自动化

12 步 · 17 分钟开始阅读 →

🎮

Vibe Coding

Vibecoding 三个技巧，让你的 AI 更听话，效率提升 10 倍

掌握工作模式切换、模型选择、上下文管理三个核心技巧，彻底解决 AI 自作主张、越改越乱、越用越卡的问题

5 步 · 8 分钟开始阅读 →

🐛

Vibe Coding

Vibe Coding 遇到 Bug？五种排查方法一次搞定

遇到 bug 不要慌，学会看现象、找线索、喂给 AI，30 秒精准定位问题

8 步 · 8 分钟开始阅读 →

🌿

GitHub

Vibe Coding 里怎么用 Git？存档回档全搞定

学会用 Git 做版本管理，建立备份仓库、回档、分支管理，彻底解决 Vibecoding 存档问题

6 步 · 5 分钟开始阅读 →

🔄

Vibe Coding

Vibecoding 项目如何持续迭代

用正确的工具和流程持续稳定地迭代你的 Vibecoding 项目，告别越改越乱的困境

8 步 · 7 分钟开始阅读 →

🧩

Skill

Skill 安装全攻略：四大平台手把手教你

从零开始，教你在 Claude 桌面端、Claude Code、OpenClaw、Trae 四个平台安装和使用 Skill

5 步 · 5 分钟开始阅读 →

🏗️

Skill

小白也能做 AI 开发？一个 Skill 顶一个产品团队

用 Vibecoding Helper Skill，从一句话想法到能跑起来的产品，全程不写一行代码。

7 步 · 7 分钟开始阅读 →

🚀

运维

Vibecoding 项目部署上线全攻略

开发完的项目怎么部署上线？从本地启动到线上发布，全流程手把手教学

6 步 · 7 分钟开始阅读 →

🦞

OpenClaw

OpenClaw Mac 安装 + 飞书接入全攻略

从零开始在 Mac 上安装 OpenClaw，并接入飞书，让 AI 助手住进你的聊天软件

8 步 · 13 分钟开始阅读 →

🧰

Skill

封装 Agent Skill，让 AI 稳定输出的关键

告别每次重新调教 AI，学会封装 Skill 才能真正提升效率

9 步 · 9 分钟开始阅读 →

🌿

GitHub

Vibe Coding 必备：Git 存档、回退与分支管理完全指南

教你在 AI 写代码时用 Git 命令存档、回退和分线开发，改崩了也能一键恢复

9 步 · 15 分钟开始阅读 →

🔄

GitHub

Vibe Coding 用 GitHub：备份、回退与一键部署

从注册到推送，手把手教你用 GitHub 做代码云端备份、多设备同步和 Vercel 一键部署。

11 步 · 12 分钟开始阅读 →

🛠️

Vibe Coding

用 Codex 从零做一个网站：不写代码，几句提示词搞定

不懂代码、不会设计，只用 Codex 一个工具，从梳理需求、写 PRD、开发到上线，半小时手搓一个能发给别人看的网站。

10 步 · 13 分钟开始阅读 →

CLI

Claude Code 新手教程

完全基于浏览器的沉浸式终端沙盒。手把手带你完成环境配置、模型接入，并掌握高阶指令与 Vibe Coding 协作模式。

4 章 · 14 节32 分钟入门

查看课程详情 →

安装与初次对话

从零开始：安装 Node.js 和 Claude Code CLI，完成登录认证，发送第一条消息

5 节 · 8 分钟开始练习 →

操作本地文件夹

cd 进入项目文件夹、信任机制、用 AI 创建和删除文件

4 节 · 6 分钟开始练习 →

操作你的文件夹

在自己电脑上准备工作区，再让 Claude 创建/读取/修改/删除文件、运行命令

2 节 · 8 分钟开始练习 →

权限模式与基本交互

用 Plan Mode 让 AI 先规划、掌握七个常用斜杠命令、用 @ 与 / 精确指挥 AI

Vibe Coding

Vibe Coding 实战指南

从零到一，用自然语言驱动 AI 完成完整项目。学会需求梳理 → PRD 文档 → 静态 Demo → 分阶段开发 → 部署上线的全流程闭环。无需深厚编程基础，只要会打字和描述想法，就能让 AI 帮你把想法变成可运行的网页应用。

4 章 · 8 节57 分钟入门

查看课程详情 →

工具准备与需求梳理

看清五步流程，装好 VSCode + AI 插件 + API Key，用四要素结构完成第一份需求文档

2 节 · 20 分钟开始练习 →

PRD 与静态 Demo

让 AI 根据需求写出完整 PRD 产品文档，再根据 PRD 做纯静态 HTML Demo，确认外观后再开发

2 节 · 15 分钟开始练习 →

开发计划与代码实现

建立结构化开发计划，让 AI 按阶段逐步搭建项目代码，验收最终成品

2 节 · 12 分钟开始练习 →

上线与使用

本地启动项目使用，或通过 GitHub + Vercel 一键部署上线，完成全流程闭环

03AI Tools · AI 工具箱

精挑细选，直接上手。

按类别整理常用 AI 工具，点击直达官网，省去翻找时间。

Claude大模型

Anthropic 出品，长文理解、代码、写作全能选手，上下文能力业界顶级

ChatGPT大模型

OpenAI 旗舰对话 AI，工具调用与插件生态丰富，支持 GPT-4o 多模态

Gemini大模型

Google 出品，与 Google 全家桶无缝整合，支持超长上下文

DeepSeek大模型

国内顶级开源大模型，推理能力强悍，成本极低，R1 版本尤为出色

Grok大模型

马斯克旗下 xAI 出品，实时联网、反应速度快，X 平台深度集成

Kimi大模型

月之暗面出品，专注超长上下文（200万字），文件解析能力强

豆包大模型

字节跳动出品，中文理解顺滑，支持生图、生视频、智能体创建

通义千问大模型

阿里云出品，Qwen 系列模型，数学编程能力强，多语言支持好

文心一言大模型

百度出品，中文知识问答能力强，适合搜索增强、内容生成场景

元宝大模型

腾讯出品，支持满血 DeepSeek，可调用微信生态内容搜索

智谱清言大模型

基于 ChatGLM，支持多轮对话、多模态，国产推理能力扎实

Perplexity大模型

AI 搜索引擎，答案带来源引用，适合快速研究和事实查询

CursorAI 编程

AI 原生代码编辑器，非技术人首选编程工具，Agent 模式强大

WindsurfAI 编程

Codeium 出品的 AI IDE，上下文感知极强，流畅度出色

TraeAI 编程

字节跳动出品，全中文界面，可免费用 Claude，对国内用户友好

v0AI 编程

Vercel 出品，描述需求秒出前端代码，适合快速做 UI 原型

GitHub CopilotAI 编程

GitHub 官方 AI 编程助手，代码补全生态成熟，支持多 IDE

BoltAI 编程

StackBlitz 出品，浏览器内全栈开发，无需本地环境即可运行

LovableAI 编程

对话式 Web App 生成工具，非技术用户也能快速做出完整产品

ReplitAI 编程

在线 IDE + AI 助手，支持多语言，适合教学和快速开发部署

Claude CodeAI 编程

Anthropic 出品，命令行 AI 编程工具，适合复杂项目级代码任务

Midjourney图片/视频生成

顶级 AI 绘图工具，艺术风格无人能及，创意图像首选

Runway图片/视频生成

AI 视频生成领域的标杆产品，Gen-3 模型效果惊艳

可灵 Kling图片/视频生成

快手出品，目前市场占有率最高的 AI 视频生成工具，运动感自然

即梦图片/视频生成

字节跳动出品，支持中文海报生成，图转视频一键操作

Flux图片/视频生成

黑森林团队出品，生成图像真实感极强，开源可本地部署

DALL·E 3图片/视频生成

OpenAI 出品，集成在 ChatGPT 中，对提示词理解准确

Ideogram图片/视频生成

文字嵌入能力超强，擅长英文海报、Logo、徽章设计

Stable Diffusion图片/视频生成

开源 AI 绘图鼻祖，生态最丰富，支持高度自定义，完全免费

Adobe Firefly图片/视频生成

Adobe 出品，与 PS/PR 深度集成，商用版权安全有保障

Pika图片/视频生成

专注视频生成，支持文字/图片转视频，效果细腻

海螺 AI图片/视频生成

MiniMax 出品，文生视频质量高，国内访问稳定

Figma设计 & Demo

协作设计首选工具，AI 功能持续增强，原型设计行业标准

Excalidraw设计 & Demo

手绘风格白板工具，轻量开源，适合流程图和架构草图

Canva设计 & Demo

在线设计神器，AI 生图 + 模板丰富，非设计师的首选

Gamma设计 & Demo

AI 一键生成演示文稿/文档，适合快速做 PPT 和提案

Framer设计 & Demo

AI 辅助网页设计，支持直接发布，设计即产品

Motiff设计 & Demo

国产 AI 设计工具，Figma 替代品，智能布局和组件推荐

MasterGo设计 & Demo

国产专业 UI 设计工具，团队协作流畅，组件库丰富

Notion AI办公效率

笔记 + 项目管理平台，AI 写作、总结、翻译一体化

飞书办公效率

字节跳动出品，文档/多维表格/AI 助手深度整合，团队协作利器

腾讯文档 AI办公效率

腾讯出品，AI 辅助写作和总结，与微信生态无缝打通

WPS AI办公效率

国产 Office 套件，AI 写作、数据分析，国内用户兼容性最好

Microsoft Copilot办公效率

微软出品，深度整合 Office 365 全套，自动处理 PPT/Excel/Word

Napkin AI办公效率

将文字内容一键转换为精美信息图，适合内容创作者和汇报场景

Dify办公效率

开源 AI 应用开发平台，轻松搭建 RAG 知识库和工作流，无需写代码

Coze办公效率

字节出品的 AI 智能体搭建平台，无代码构建工作流和聊天机器人

通义听悟办公效率

阿里出品，会议录音转文字+摘要，支持多语言实时转录

SunoAI 音乐

全球最火 AI 音乐生成平台，输入歌词/风格秒出完整带人声歌曲

UdioAI 音乐

音乐结构完整性更强，支持模块化创作前奏/副歌，深度定制首选

海绵音乐AI 音乐

字节跳动出品，支持中文歌词输入，短视频配乐场景最友好

天工音乐AI 音乐

昆仑万维出品，国产 AI 音乐生成，免费额度较大

AIVAAI 音乐

专注影视/游戏配乐生成，多种音乐风格，专业音乐创作者首选

MubertAI 音乐

免版税背景音乐生成，适合内容创作者长期商用，API 友好

04Builds · 搞定自制

自己造的，自己用得上。

边做视频边做工具，把通用流程沉淀成可复用的 Skill 和小项目。

AI SkillRELEASED

草图转前端网页.skill

随便画的草图，直接帮你转为精美前端网页，忠于原版设计布局，结合专业设计

GitHub查看 →

AI SkillRELEASED

Vibecoding助手

帮小白用户把模糊想法，变成可以直接交给 Cursor/Trae 开发的完整文档包

GitHub查看 →

04Wishing Wall · 搞定许愿墙

你提需求，我来帮你实现。

写下你的 Vibe Coding 产品想法，搞定帮你实现。

夜夜跑的阿凯

想要个超简单的跑步打卡本，记里程也记心情

我最近开始夜跑，下了好几个运动 App，结果功能多得吓人，又要登录又要开会员。我就想简单记一下今天跑了多远、当时什么心情、身体有没有变化。想要个打开就能写、一眼能看到自己坚持了多少天的小东西，给自己攒点成就感。

在在学泰语的猫

想要一个专门给小语种用的生词本

我在自学泰语，但市面上的背单词软件基本只支持英语日语韩语这些热门语种，我这种小语种根本没人做。我想要个能自己建词库、把生词随手加进去、还能帮我翻译和复习的东西，最好能跟着我自己的进度走，而不是套别人定好的课程。

阳阳台园丁老周

想有个东西帮我记住每盆花什么时候浇水施肥

我家阳台养了二十多盆花，品种全不一样，有的怕晒有的喜阴，浇水施肥的节奏也各不相同。我老记混，要么浇多了烂根，要么忘浇蔫掉，挺心疼的。想要个简单的东西，把每盆花的习性记下来，该浇水施肥的时候提醒我一声就行，别搞太复杂。

刚刚毕业的小林

想要一份能让 HR 多看两眼的网页简历

我马上要找工作了，投的都是互联网公司，可学校和成绩都挺普通，简历海投出去基本石沉大海。看到有人的简历能在网页上打开、还能点来点去地展示作品，觉得特别有面子，我也想要一个这样的，把我做过的东西好好亮出来。我不太会写代码，最好是我填填内容就能弄出来的那种。

把每一个 AI 工具，真正变成你的能力。

Vibe Coding 实战指南

乔哈里视窗玩转 AI 沟通：四象限法则告别答非所问

Codex 一句话做爆款封面：封装成 Skill 批量出图

交互式教程，边学边练。

图文详解，一步步走。

我们真正在用的工具。

开始你的第一个 AI 实操吧。

乔哈里视窗玩转 AI 沟通：四象限法则告别答非所问

Codex 一句话做爆款封面：封装成 Skill 批量出图

Vibe Coding 项目总烂尾？三个动手前的思考技巧

Vibe Coding 页面又丑又平？三个技巧让 AI 复刻顶级设计

用 AI 打造网页版个人简历：零代码，从 PRD 到上线全流程

Vibe Coding 完整闭环：从零到上线一个番茄钟

Vibe Coding 必备工具集：四类工具一次讲明白

停止 Vibe Coding，开始 Learn by Building

GitHub 10万星 CLAUDE.md 解析：让 Claude Code 效率提升 400%

Claude Code 十个隐藏用法，效率提升 5 倍

Claude Code 记忆系统全攻略：3行命令让AI更听话

Claude Code十个隐藏命令，Vibecoding效率提升10倍

Vibecoding 三个技巧，让你的 AI 更听话，效率提升 10 倍

Vibe Coding 遇到 Bug？五种排查方法一次搞定

Vibe Coding 里怎么用 Git？存档回档全搞定

Vibecoding 项目如何持续迭代

Skill 安装全攻略：四大平台手把手教你

小白也能做 AI 开发？一个 Skill 顶一个产品团队

Vibecoding 项目部署上线全攻略

OpenClaw Mac 安装 + 飞书接入全攻略

封装 Agent Skill，让 AI 稳定输出的关键

Vibe Coding 必备：Git 存档、回退与分支管理完全指南

Vibe Coding 用 GitHub：备份、回退与一键部署

用 Codex 从零做一个网站：不写代码，几句提示词搞定

Claude Code 新手教程

安装与初次对话

操作本地文件夹

操作你的文件夹

权限模式与基本交互

Vibe Coding 实战指南

工具准备与需求梳理

PRD 与静态 Demo

开发计划与代码实现

上线与使用

草图转前端网页.skill

Vibecoding助手

想要个超简单的跑步打卡本，记里程也记心情

想要一个专门给小语种用的生词本

想有个东西帮我记住每盆花什么时候浇水施肥

想要一份能让 HR 多看两眼的网页简历

把每一个 AI 工具，
真正变成你的能力。

开始你的
第一个 AI 实操吧。