Pełny samouczek: Stwórz piękną aplikację mobilną za pomocą Claude Code i ołówka w 16 minut

In This Article

Drodzy subskrybenci, dzisiaj chcę wam pokazać, jak zbudować piękną aplikację mobilną do śledzenia treningów. Kiedyś tworzenie aplikacji mobilnej wymagało zaangażowania zespołu inżynierów. Ale narzędzia AI, takie jak Claude Code i Pencil, ułatwiły Ci samodzielne dostarczenie pięknej aplikacji, nawet jeśli nie wiesz, jak programować. Obejrzyj mój samouczek, aby zobaczyć, jak to zrobić w zaledwie 16 minut. Znaczniki czasu: (0:00) Co zbudujemy: piękna aplikacja mobilna do śledzenia Twoich treningów (2:01) Krok 1: Zdefiniuj wymagania z Claudem (6:11) Krok 2: Utwórz projekty za pomocą Ołówek(8:56) Krok 3: Zbuduj aplikację za pomocą Claude Code(14:21) Pobieranie aplikacji w App Store(15:19) Podsumowanie wszystkich 3 kroków Obejrzyj teraz na YouTube lub przeczytaj poniższy przewodnik. Jestem dumny, że mogę współpracować z...GranolaGranola właśnie uruchomiła Spaces — nowy sposób, w jaki Twój zespół może organizować i udostępniać sobie notatki ze spotkań. Możesz na przykład utworzyć przestrzeń „Rozmowy z użytkownikami” zawierającą wywiady, w której każdy będzie mógł zadawać pytania dotyczące potrzeb użytkowników. Możesz nawet zadawać pytania bezpośrednio w Claude, ChatGPT lub Gemini dzięki nowym interfejsom API i MCP Granoli. Wypróbuj Granolę za darmoCo stworzymy: aplikację mobilną do śledzenia Twoich treningów Żyjemy w czasach, w których łatwiej jest stworzyć własną aplikację mobilną, niż znaleźć istniejącą, która Ci się spodoba. Stwórzmy więc aplikację, która może: tworzyć treningi, wybierając ćwiczenie, a następnie liczbę serii i powtórzeń. śledzić treningi na żywo, dotykając każdego zestawu ćwiczeń, aby je ukończyć. Mierz postępy za pomocą kalendarza i wykresów dla każdego ćwiczenia. Poniżej pokażę Ci, jak je zbudować w 3 krokach.1. Definiuj wymagania za pomocą Claude'a. Zawsze proś Claude'a, aby zadał Ci pytania podczas wspólnego definiowania wymagań. Zacznijmy od wklejenia tego monitu do Claude'a: Pracujmy razem nad wymaganiami dla mobilnej aplikacji fitness. Chcę trzy ekrany:Dodawaj/edytuj treningi: Twórz treningi i dodawaj ćwiczenia z seriami i powtórzeniami Sesja treningu: Śledź treningi w czasie rzeczywistym, stukaj, aby zakończyć serieKalendarz: Zobacz, w które dni ćwiczyłeś i wyświetl szczegóły treninguTo są podstawy, ale popracujmy razem nad specyfikacją. Chcę, abyś był precyzyjny w określeniu wymagań, a jeśli masz jakieś pytania, zadaj je w formie listy numerowanej. Najważniejsza część tego monitu brzmi: „Jeśli masz jakieś pytania, zadaj je w formie listy numerowanej”. Zawsze uwzględniam tę linijkę podczas omawiania wymagań z Claudem, aby mógł zadawać mi pytania i ulepszyć specyfikację. Oto kilka przykładowych pytań i odpowiedzi: Claude: Czy chcesz mieć licznik czasu na odpoczynek? Ja: Tak, pozwól mi też dostosować to w ustawieniach. Claude: Czy chcesz, aby automatyczne ładowanie było automatyczne po nieudanych seriach? Ja: Nie, upraszczajmy to. Gdy Claude doprowadzi specyfikację do stanu, z którego jesteś zadowolony, poproś go, aby: "Podzielił specyfikację na wymagania projektowe i techniczne. Nie odawaj zbyt szczegółowo wymagań projektowych, aby było miejsce na elastyczność. " Dołącz ostatnią linię, ponieważ Pencil (nasz projektant AI) jest lepszy w projektowaniu niż Claude. `128578; Omówmy to dalej. W miarę jak modele stają się coraz lepsze, robię się coraz bardziej leniwy w podpowiedziach (i gorszy w pisowni)2. Zaprojektuj ekrany mobilne za pomocą programu PencilPencil stworzył od podstaw 8 pięknych ekranów według naszych wymagań. Tutaj dzieje się magia. Oto jak używać Pencila do tworzenia pięknie wykonanych ekranów mobilnych zamiast sztuczek AI: Przeczytaj więcej

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