Полное руководство: создайте красивое мобильное приложение с помощью Claude Code и Pencil за 16 минут

In This Article

Дорогие подписчики, сегодня я хочу показать вам, как создать красивое мобильное приложение для отслеживания ваших тренировок. Раньше для создания мобильного приложения требовалась команда инженеров. Но инструменты искусственного интеллекта, такие как Claude Code и Pencil, упростили вам создание красивого приложения самостоятельно, даже если вы не умеете программировать. Посмотрите мое руководство, чтобы увидеть, как я расскажу, как это сделать всего за 16 минут. Временные метки: (0:00) Что мы создадим: красивое мобильное приложение для отслеживания ваших тренировок (2:01) Шаг 1. Определите требования с Клодом (6:11) Шаг 2. Создайте дизайн с помощью Карандаш (8:56) Шаг 3. Создайте приложение с помощью Claude Code (14:21) Размещение приложения в App Store (15:19) Краткое изложение всех трех шагов Посмотрите сейчас на YouTube или прочтите письменное руководство ниже. Я горжусь партнерством с… GranolaGranola только что запустила Spaces — новый способ для вашей команды организовывать заметки о встречах и делиться ими друг с другом. Например, вы можете создать пространство «Звонки пользователей» для своих интервью, чтобы каждый мог задавать вопросы о потребностях пользователей. Вы даже можете задавать вопросы непосредственно в Claude, ChatGPT или Gemini с помощью новых API-интерфейсов Granola и MCP. Попробуйте Granola бесплатноЧто мы создадим: мобильное приложение для отслеживания ваших тренировок. Мы живем в то время, когда легче написать код собственного мобильного приложения, чем найти существующее, которое вам нравится. Итак, давайте создадим приложение, которое может: Создавать тренировки, выбирая упражнение, а затем количество подходов и повторений. Отслеживать тренировки в реальном времени, нажимая на каждый набор упражнений, чтобы завершить его. Измеряйте прогресс с помощью календаря и диаграмм для каждого упражнения. Ниже я расскажу вам, как его добиться, за 3 шага. 1. Определите требования с помощью Claude. Всегда просите Claude задавать вам вопросы при совместном определении требований. Давайте начнем с вставки этой подсказки в Claude: Давайте вместе поработаем над требованиями для мобильного фитнес-приложения. Мне нужны три экрана: Добавление/редактирование тренировок: создание тренировок и добавление упражнений с подходами и повторениями. Сеанс тренировки: отслеживание тренировок в режиме реального времени, коснитесь, чтобы завершить подходы. Календарь: посмотрите, в какие дни вы тренировались, и просмотрите подробности тренировок. Это основы, но давайте поработаем над спецификациями вместе. Я хочу, чтобы вы четко понимали требования, и если у вас есть какие-либо вопросы, задавайте их в виде пронумерованного списка. Самая важная часть этой подсказки: «Если у вас есть вопросы, задавайте их в виде пронумерованного списка». Я всегда включаю эту строку при обсуждении требований с Клодом, чтобы он мог задавать мне вопросы, чтобы улучшить спецификацию. Вот несколько примеров вопросов и ответов:Клод: Хотите таймер для отдыха? Я: Да, еще позвольте мне настроить это в настройках. Клод: Хотите ли вы автоматическую выгрузку после неудачных сетов? Я: Нет, давайте будем проще. После того, как Клод доведет спецификацию до состояния, которое вас устраивает, попросите его: "Разделите спецификацию на проектные и технические требования. Не будьте слишком подробны в требованиях к дизайну, чтобы у нее было место для гибкости". Включите последнюю строку, потому что Карандаш (наш ИИ-дизайнер) лучше проектирует, чем Клод. 🙂 Давайте об этом поговорим дальше. По мере того, как модели становятся лучше, я становлюсь ленивее в подсказках (и хуже в правописании)2. Создавайте мобильные экраны с помощью PencilPencil создал с нуля 8 красивых экранов на основе наших требований. Вот здесь и происходит волшебство. Вот как можно использовать Pencil для создания красиво оформленных мобильных экранов вместо ИИ-отбросов: Подробнее

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