完整教程：在 16 分钟内使用 Claude 代码和 Pencil 构建漂亮的移动应用程序

In This Article

亲爱的订阅者，今天，我想向您展示如何构建一个漂亮的移动应用程序来跟踪您的锻炼情况。构建移动应用程序过去需要一个工程师团队。但是，即使您不知道如何编码，Claude Code 和 Pencil 等 AI 工具也可以让您轻松地自行发布漂亮的应用程序。观看我的教程，了解如何在短短 16 分钟内完成此操作。时间戳：(0:00) 我们将构建的内容：一个漂亮的移动应用程序来跟踪您的锻炼(2:01) 步骤 1：与 Claude 一起定义需求(6:11) 步骤 2：使用 Pencil 创建设计(8:56)第 3 步：使用 Claude Code 构建应用程序(14:21) 在 App Store 上获取应用程序(15:19) 回顾所有 3 个步骤立即在 YouTube 上观看或阅读下面的书面指南。我很荣幸能与...Granola 合作Granola 刚刚推出了 Spaces — 一种供您的团队组织和相互共享会议记录的新方式。例如，您可以在采访中创建一个“用户通话”空间，让任何人询问有关用户需求的问题。您甚至可以使用 Granola 的新 API 和 MCP 直接在 Claude、ChatGPT 或 Gemini 中提问。免费试用格兰诺拉麦片我们将构建什么：一款用于跟踪您的锻炼的移动应用程序我们生活在这样一个时代，编写自己的移动应用程序比找到您喜欢的现有应用程序更容易。因此，让我们构建一个应用程序，它可以：通过选择一项练习，然后选择组数和次数来创建锻炼。通过点击每个练习组来完成它来实时跟踪锻炼。通过日历和图表衡量每个练习的进度。我将引导您通过以下 3 个步骤构建它。1.与 Claude 一起定义需求 在一起定义需求时，始终让 Claude 问你问题让我们首先将此提示粘贴到 Claude 中：让我们共同研究移动健身应用程序的需求。我想要三个屏幕：添加/编辑锻炼：创建锻炼并添加包含组数和重复次数的锻炼锻炼会话：实时跟踪锻炼，点击以完成组数日历：查看您锻炼的日期并查看锻炼详细信息这是基础知识，但让我们一起研究规范。我希望您对要求保持清晰，如果您有任何问题，请在编号列表中提问。此提示中最重要的部分是“如果您有任何问题，请在编号列表中提问”。在与 Claude 讨论需求时，我总是包含这一行，以便它可以向我提出问题以使规范变得更好。以下是一些问题和答案示例：克劳德：您想要休息计时器吗？我：是的，也让我在设置中自定义它。 克劳德：你想在失败的组后自动解载吗？我：不，我们就简单点吧。当Claude把规范弄到你满意的状态后，要求它：“把规范分成设计和技术要求。设计要求不要太详细，这样才有弹性的空间。”包括最后一行是因为 Pencil（我们的 AI 设计师）比 Claude 更擅长设计。 🙂接下来让我们讨论这个问题。随着模型变得更好，我的提示变得越来越懒（拼写也越来越差）2。使用 Pencil 设计移动屏幕Pencil 根据我们的要求从头开始创建了 8 个漂亮的屏幕这就是奇迹发生的地方。以下是如何使用 Pencil 创建精美的移动屏幕而不是 AI slop： 了解更多

You May Also Like

13 Trending Songs on TikTok in March 2026 (+ How to Use Them)

Our Best AI PM Workflows for Prototyping, Strategy, and Personal OS (2026)

China’s Cybersecurity Agency Issues Security Warning About OpenClaw