Creación de un sistema de arte lineal con SwiftUI y Claude Code: Caso de estudio de One Good Thing

✍️ OpenClawRadar📅 Publicado: 14 de mayo de 2026🔗 Source
Creación de un sistema de arte lineal con SwiftUI y Claude Code: Caso de estudio de One Good Thing
Ad

El desarrollador Evening-Strike-2021 creó una app iOS llamada One Good Thing (gratuita en App Store) con Claude Code como compañero de codificación principal. La app presenta una tarjeta reflexiva por día con una interacción simple: Llevarla o Dejarla ir, luego cerrar — sin feed, sin desplazamiento infinito. La decisión técnica más notable: cada ilustración está dibujada en código usando rutas de SwiftUI Canvas, sin archivos de imagen.

Flujo de trabajo con Claude Code para vectores

El desarrollador describe un enfoque específico, sin encadenamiento de prompts:

  • Describir la sensación de la pantalla en lenguaje sencillo
  • Pedir a Claude una implementación preliminar en Canvas
  • Ejecutarla en la app y ajustar coordenadas manualmente hasta que se sienta menos como un icono y más como una pequeña marca expresiva
  • Pedir a Claude que simplifique o robustezca el código una vez que la dirección parece correcta

Este bucle — generar, inspeccionar, ajustar, reducir — produjo arte lineal con estilo dibujado a mano (manos, pájaros, ventanas, hilos, puntos, curvas) enteramente mediante curvas Bezier en SwiftUI Canvas.

Ad

Contribuciones específicas de Claude

  • Convertir direcciones visuales vagas en rutas de SwiftUI Canvas de primera pasada
  • Refactorizar lógica de dibujo repetida para consistencia entre ilustraciones
  • Detectar casos límite de SwiftUI relacionados con estado de vista, animaciones y previsualizaciones
  • Ayudar a razonar sobre Firebase, StoreKit, Cloud Functions, App Check y reglas de Firestore sin perder el enfoque del producto

Stack más amplio

La app utiliza código asistido por Claude en todo el stack: SwiftUI para iOS, Firebase Cloud Functions, reglas de seguridad de Firestore, una página de aterrizaje en Next.js y funciones de reflexión con IA para suscriptores. El sistema de arte lineal es el resultado más visible, pero el patrón de colaboración se aplicó en todo el proyecto.

Conclusión clave

La mayor lección del desarrollo: Claude funciona mucho mejor cuando se le trata como a un programador en pareja paciente, no como una máquina expendedora. Rápidamente obtienes un primer borrador usable en pantalla, pero el gusto y la dirección deben venir del desarrollador.

📖 Read the full source: r/ClaudeAI

Ad

👀 Ver también

🦀
Casos de uso

Claude Code escribió cada línea de un video de lanzamiento de los 50 en Remotion, pero requirió ~100 instrucciones

Un desarrollador detalla el uso de Claude Code para generar cada línea de TypeScript/TSX de un video de lanzamiento en Remotion. El proceso requirió ~100 indicaciones, un resumen creativo detallado, iteración escena por escena y frecuentes comparaciones de git.

OpenClawRadar
Desarrollador Construye Sistema Empresarial Personalizado en Claude con Memoria Persistente y Composiciones de Habilidades
Casos de uso

Desarrollador Construye Sistema Empresarial Personalizado en Claude con Memoria Persistente y Composiciones de Habilidades

Un desarrollador construyó un sistema personalizado en Claude Pro que va más allá de las tareas básicas, con 13 habilidades personalizadas con entradas/salidas definidas, memoria persistente entre sesiones, resúmenes diarios automatizados y composiciones de habilidades que encadenan o paralelizan operaciones. El sistema funciona en Supabase, Cloudflare Pages y HTML/CSS/JS vanilla.

OpenClawRadar
Ejecutando la Computadora del Tesla Model 3 en un Escritorio con Partes Recuperadas
Casos de uso

Ejecutando la Computadora del Tesla Model 3 en un Escritorio con Partes Recuperadas

Un investigador logró arrancar la computadora de un Tesla Model 3 sobre un escritorio utilizando piezas de coches accidentados, requiriendo una fuente de alimentación de 12V, una pantalla táctil y cableado personalizado. La configuración reveló una red interna con servidores SSH y web accesibles en direcciones IP específicas.

OpenClawRadar
Canalización de Desarrollo de IA Automatizada con 11 Puertas de Calidad y Perfiles de Confianza
Casos de uso

Canalización de Desarrollo de IA Automatizada con 11 Puertas de Calidad y Perfiles de Confianza

Un desarrollador construyó una canalización potenciada por IA con 11 compuertas de calidad automatizadas que se ejecuta de principio a fin sin aprobaciones manuales, utilizando perfiles de confianza, recuperación automática y almacenamiento en caché para manejar diseño, planificación, construcción, pruebas y verificaciones de seguridad de forma autónoma, reduciendo el uso de tokens en un 60-84%.

OpenClawRadar