Titorial completo: crea unha fermosa aplicación móbil con Claude Code e Pencil en 16 minutos

In This Article

Estimados subscritores: Hoxe, quero mostrarvos como crear unha fermosa aplicación móbil para rastrexar os seus adestramentos. Para construír unha aplicación móbil que adoitaba necesitar un equipo de enxeñeiros. Pero ferramentas de intelixencia artificial como Claude Code e Pencil facilitáronche o envío dunha fermosa aplicación por ti mesmo aínda que non saibas codificar. Mira o meu tutorial para ver como facelo en só 16 minutos. Marcas de tempo: (0:00) O que imos construír: unha fermosa aplicación móbil para rastrexar os teus adestramentos (2:01) Crear requisitos de deseño con Claude (2:01) Paso 1:2:1 Definir. Lapis (8:56) Paso 3: crea a aplicación con Claude Code (14:21) Como conseguir a aplicación na App Store (15:19) Resumo dos 3 pasos Mira agora en YouTube ou le a guía escrita a continuación. Estou orgulloso de asociarme con...GranolaGranola acaba de lanzar Spaces: unha nova forma de organizar e compartir notas da reunión entre o teu equipo. Por exemplo, podes crear un espazo de "Chamadas de usuarios" coas túas entrevistas para que calquera persoa faga preguntas sobre as necesidades dos usuarios. Incluso podes facer preguntas directamente en Claude, ChatGPT ou Gemini coas novas API e MCP de Granola. Proba Granola de balde. O que imos crear: unha aplicación móbil para rastrexar os teus adestramentos. Vivimos nunha época na que é máis fácil codificar a túa propia aplicación móbil que atopar unha existente que che guste. Entón, imos crear unha aplicación que poida: Crear adestramentos seleccionando un exercicio e despois o número de series e repeticións. Fai un seguimento dos adestramentos en directo tocando cada conxunto de exercicios para completalo. Mida o progreso mediante un calendario e gráficos para cada exercicio. Vouvos guiar a través de como crealo en 3 pasos a continuación.1. Define os requisitos con Claude. Pídalle sempre a Claude que che faga preguntas ao definir os requisitos xuntos. Comecemos pegando este aviso en Claude: traballemos xuntos nos requisitos dunha aplicación de fitness para móbiles. Quero tres pantallas: Engadir/editar adestramentos: crear adestramentos e engadir exercicios con series e repeticións. Sesión de adestramento: realizar un seguimento dos adestramentos en tempo real, tocar para completar os conxuntos. Calendario: ver os días que fixeches exercicio e ver os detalles do adestramento. Este é o básico, pero imos traballar xuntos nas especificacións. Quero que esteas claro sobre os requisitos e, se tes algunha pregunta, pregúntaa nunha lista numerada. A parte máis importante deste aviso é "Se tes algunha pregunta, pregúntaa nunha lista numerada". Sempre inclúo esta liña cando discuto os requisitos con Claude para que poida facerme preguntas para mellorar as especificacións. Aquí tes algúns exemplos de preguntas e respostas:Claude: Queres un temporizador de descanso? Eu: Si, tamén déixame personalizalo na configuración.Claude: Queres a descarga automática despois de conxuntos errados? Eu: Non, sexamos sinxelo. Despois de que Claude teña as especificacións nun estado co que estea satisfeito, pídelle que: "Divida as especificacións en requisitos técnicos e de deseño. Non sexa demasiado detallado sobre os requisitos de deseño para que teña espazo para flexionar". Inclúe a última liña porque Pencil (o noso deseñador de IA) é mellor no deseño que Claude. 🙂 Imos cubrir isto a continuación.A medida que os modelos melloran, fíxome máis preguiceiro nas miñas indicacións (e peor na ortografía)2. Deseña as pantallas móbiles con PencilPencil creou 8 fermosas pantallas desde cero a partir dos nosos requisitos. Aquí é onde sucede a maxia. Aquí tes como usar Pencil para crear pantallas móbiles ben feitas en lugar de AI slop: Ler máis

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