Повний підручник: створіть чудовий мобільний додаток за допомогою Claude Code та Pencil за 16 хвилин

In This Article

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

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