Hướng dẫn đầy đủ: Xây dựng một ứng dụng di động đẹp mắt bằng mã Claude và bút chì trong 16 phút

In This Article

Kính gửi những người đăng ký,Hôm nay, tôi muốn hướng dẫn bạn cách xây dựng một ứng dụng di động đẹp mắt để theo dõi quá trình tập luyện của bạn. Việc xây dựng một ứng dụng di động thường yêu cầu một đội ngũ kỹ sư. Nhưng các công cụ AI như Claude Code và Pencil đã giúp bạn dễ dàng tự mình tạo ra một ứng dụng đẹp mắt ngay cả khi bạn không biết cách viết mã. Hãy xem hướng dẫn của tôi để biết tôi hướng dẫn cách thực hiện việc này chỉ trong 16 phút. Dấu thời gian:(0:00) Nội dung chúng tôi sẽ xây dựng: Một ứng dụng di động đẹp mắt để theo dõi quá trình tập luyện của bạn (2:01) Bước 1: Xác định các yêu cầu với Claude(6:11) Bước 2: Tạo thiết kế bằng Pencil(8:56) Bước 3: Xây dựng app với Claude Code(14:21) Tải ứng dụng trên App Store(15:19) Tóm tắt cả 3 bước. Xem ngay trên YouTube hoặc đọc hướng dẫn bằng văn bản bên dưới. Tôi tự hào được hợp tác với…GranolaGranola vừa ra mắt Spaces — một cách mới để nhóm của bạn tổ chức và chia sẻ ghi chú cuộc họp với nhau. Ví dụ: bạn có thể tạo không gian “Cuộc gọi của người dùng” với các cuộc phỏng vấn của mình để cho phép mọi người đặt câu hỏi về nhu cầu của người dùng. Bạn thậm chí có thể đặt câu hỏi trực tiếp trong Claude, ChatGPT hoặc Gemini với API và MCP mới của Granola. Dùng thử Granola miễn phí Những gì chúng tôi sẽ xây dựng: Một ứng dụng di động để theo dõi quá trình tập luyện của bạn Chúng ta đang sống trong thời đại mà việc tạo mã cho ứng dụng di động của riêng bạn dễ dàng hơn là tìm một ứng dụng hiện có mà bạn thích. Vì vậy, hãy xây dựng một ứng dụng có thể:Tạo bài tập bằng cách chọn một bài tập, sau đó chọn số hiệp và số lần lặp lại. Theo dõi trực tiếp các bài tập bằng cách nhấn vào từng bài tập để hoàn thành. Đo lường tiến độ thông qua lịch và biểu đồ cho từng bài tập. Tôi sẽ hướng dẫn bạn cách xây dựng bài tập theo 3 bước bên dưới.1. Xác định các yêu cầu với ClaudeLuôn yêu cầu Claude đặt câu hỏi cho bạn khi cùng nhau xác định các yêu cầuHãy bắt đầu bằng cách dán lời nhắc này vào Claude:Chúng ta hãy cùng nhau giải quyết các yêu cầu đối với một ứng dụng thể dục trên thiết bị di động. Tôi muốn có ba màn hình:Thêm/chỉnh sửa bài tập: Tạo bài tập và thêm bài tập với số hiệp và số lần tập luyện: Theo dõi bài tập trong thời gian thực, nhấn để hoàn thành các hiệp Lịch: Xem những ngày bạn đã tập luyện và xem chi tiết bài tập Đây là thông tin cơ bản nhưng chúng ta hãy cùng nhau nghiên cứu thông số kỹ thuật. Tôi muốn bạn nắm rõ các yêu cầu và nếu bạn có bất kỳ câu hỏi nào, hãy hỏi chúng theo danh sách được đánh số. Phần quan trọng nhất của lời nhắc này là “Nếu bạn có bất kỳ câu hỏi nào, hãy hỏi chúng theo danh sách được đánh số”. Tôi luôn bao gồm dòng này khi thảo luận về các yêu cầu với Claude để nó có thể hỏi tôi những câu hỏi nhằm cải thiện thông số kỹ thuật. Dưới đây là một số câu hỏi và câu trả lời mẫu: Claude: Bạn có muốn hẹn giờ nghỉ ngơi không? Tôi: Vâng, để tôi tùy chỉnh nó trong cài đặt.Claude: Bạn có muốn tự động tải xuống sau khi tập thất bại không? Tôi: Không, hãy đơn giản thôi. Sau khi Claude đưa thông số kỹ thuật đến trạng thái mà bạn hài lòng, hãy yêu cầu nó: "Hãy chia thông số kỹ thuật thành các yêu cầu thiết kế và kỹ thuật. Đừng quá chi tiết về các yêu cầu thiết kế để nó có chỗ linh hoạt." Bao gồm dòng cuối cùng vì Pencil (nhà thiết kế AI của chúng tôi) thiết kế giỏi hơn Claude. 🙂 Hãy đề cập đến vấn đề đó tiếp theo. Khi các mô hình trở nên tốt hơn, tôi trở nên lười biếng hơn trong việc nhắc nhở (và tệ hơn trong việc đánh vần)2. Thiết kế màn hình di động bằng PencilPencil đã tạo ra 8 màn hình đẹp mắt ngay từ đầu theo yêu cầu của chúng tôi. Đây là nơi điều kỳ diệu xảy ra. Dưới đây là cách sử dụng Pencil để tạo màn hình di động được chế tạo đẹp mắt thay vì AI: Đọc thêm

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