用一句话，做出第一个能用的小应用

我平时用 Codex 和 Claude Code 做项目。这份资料也沿着同样的步骤，从你自己的想法开始，先动手得到一个结果。

贯穿案例：轻联（Device Center）

我家里有几台电脑，平时各有用途，但每次让 Agent 接手工作，都要重新解释哪台机器能做什么。轻联就是为这件事做的：先在本机整理真实的设备、资源和用途，再让 Agent 在我允许的范围内使用它们。

它 2026-10-06 从本机原型起步，现在是公开测试版。想先看看成品，可以在自己电脑上运行 npx --yes device-center@beta start，再打开 http://127.0.0.1:5174；公开指南在 devices.owenshen.top/start。后面每一篇都会回到它，你可以把它换成自己想做的应用，照着同样的步骤试。

先说一句话，让 Agent 动手#

1. 准备一个空项目目录。 用 Codex 或 Claude Code 打开它，新建一次开发会话。
2. 写下想做什么。 一句话就可以起步，把下面任务里的方括号换成自己的想法。
3. 请 Agent 实现并启动预览。 打开它给出的本地地址，亲手完成一次操作。

我想做：[用一句话写你想做的应用]。

请在当前项目目录里，帮我做出一个尽量简单、能在浏览器里实际操作的第一版。
先用一句话说明这一版能完成什么，再开始实现。
实现方式由你选择，以容易启动和修改为准。
核心操作要真实可用；暂时没接上的能力，请明确说明。
完成后启动本地预览，告诉我打开哪个地址、怎样试一次。
如果运行出错，请定位、修复，再检查这条操作路径。

这段任务只是帮你开始。想法太大时，先把它收成一个小动作；想法已经很具体时，就先做好你最想用的那一步。

打开页面，做一次自己的修改#

先亲手输入一次，点一次操作，看看结果是不是你想要的。页面打开了之后，你往往会更容易说清：哪里不好用，下一步想改什么。

接着，在同一会话里发一条小修改：

我已经试过第一版。接下来想改：[写一个你刚发现的细节]。

请保留现在能用的功能，只完成这一次改动。
改完后重新检查，并告诉我应该怎样确认结果。

第一次可以带走三样东西：一个能打开的应用、一条亲手走通的操作、一次按自己想法完成的修改。保存页面地址和项目目录，下一次就能从这里继续。

没有得到预期结果时，把“我做了什么、希望看到什么、实际发生什么”发给 Agent，让它修正后再试。成就感来自你确实能用它完成一件事。

接下来，遇到什么再学什么#

左侧目录只有一套 00–19 编号。第 00 篇先动手，后面逐步解释刚才发生了什么，以及怎样让这个小应用更有用。

第1层｜先做出第一个结果（00–03）#

先用一句话做出第一版，再把它对准真实问题、收好范围，学会让 Agent 继续修改。进入：01 把小应用对准一个真实问题。

第2层｜把应用做顺手（04–06）#

从已有应用出发，逐步理清职责、项目文件和页面体验。进入：04 前端、业务后端、共享服务如何分工。

第3层｜可靠交付（07–12）#

需要保存数据、接入账号或加入 AI 时，再补对应能力；最后把实际版本交给别人使用。进入：07 实现业务 API 与领域数据。

第4层｜运营与迭代（13–15）#

观察别人怎样使用，记录反馈与故障，判断下一次最值得改哪里。进入：13 交付承诺与权益闭环。

第5层｜复用与避坑（16–19）#

把有效步骤整理成项目和 Skill，用第二个应用检验复用，再回头检查历史项目。进入：16 做第二个应用，验证复用。

遇到概念时，再翻手册#

现在你已经接触了 Agent：你给出目标，它围绕项目做事，并根据结果继续调整。后面用到 CLI、Skill、MCP、API 等名词时，再查基础概念手册。

我已经公开的做法放在Skill 库。这套资料不另做配套实验包：示范用轻联，练习用你自己的项目。

做成了，再继续补能力#

每多一个能力，就实际试一次。保存是否有效、账号是否隔离、别人是否打开了正确版本，这些会在后面的文章里逐步展开。

后面每篇都会对照轻联当时遇到的问题、做的选择和怎样检查。第一次先留下自己的结果，再沿着左侧目录或下一篇继续。