Crear capturas profesionales de App Store es tedioso y requiere mucho tiempo. Esta habilidad genera capturas de iOS optimizadas para marketing en las resoluciones requeridas por Apple usando Next.js y html-to-image.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"app-store-screenshots" 사용 중입니다. Genera 5 capturas para mi app de recetas
예상 결과:
Te ayudaré a crear capturas de App Store. Primero, necesito algo de información:
1. ¿Dónde están tus capturas de app? (archivos PNG de capturas reales del dispositivo)
2. ¿Dónde está tu icono de app PNG?
3. ¿Cuáles son tus colores de marca?
4. ¿Qué fuente usa tu app?
5. ¿Cuáles son las características principales de tu app en orden de prioridad?
6. ¿Qué estilo quieres? (cálido/orgánico, oscuro/tenue, limpio/minimalista, audaz/colorido, etc.)
"app-store-screenshots" 사용 중입니다. Crea capturas con características: editor de fotos, filtros, preajustes, exportación por lotes, soporte RAW y mejora con IA
예상 결과:
Aquí están las opciones de titulares para cada captura:
**Diapositiva 1 (Hero)**
- Pinta un momento: "Edita cualquier foto en segundos."
- Declara un resultado: "Tus mejores fotos, más rápido."
- Elimina un dolor: "Nunca te conformes con fotos aburridas."
**Diapositiva 2 (Diferenciador)**
- Pinta un momento: "IA que entiende tu estilo."
- Declara un resultado: "Ediciones que coinciden con tu gusto."
- Elimina un dolor: "Deja de ajustar cada foto individual."
[continúa para todas las 6 características...]
"app-store-screenshots" 사용 중입니다. Configura el proyecto con bun
예상 결과:
Configuraré el proyecto Next.js con las dependencias requeridas.
**Pasos:**
1. Creando app Next.js con TypeScript y Tailwind CSS
2. Instalando html-to-image para exportación de capturas
3. Copiando mockup.png a public/
4. Configurando fuente en layout.tsx
5. Creando la página generadora de capturas
**Estructura del proyecto:**
- public/mockup.png (marco iPhone)
- public/app-icon.png (tu icono)
- public/screenshots/ (tus capturas de app)
- src/app/page.tsx (página generadora)
보안 감사
안전Static analysis detected 75 potential issues across 335 lines, all of which are false positives upon review. The findings consist of bash command examples in markdown code blocks (instructional documentation), legitimate use of html-to-image library for screenshot generation (core functionality), and MD5 hashes used for content integrity verification. No executable code, no network exfiltration, no credential access, and no malicious intent detected. This is a legitimate skill for generating App Store marketing assets.
품질 점수
만들 수 있는 것
Desarrollador de iOS Lanzando Nueva App
Un desarrollador independiente preparando su primer lanzamiento de app necesita capturas profesionales de App Store que conviertan. Tiene capturas básicas pero le falta experiencia en diseño.
Equipo de Marketing Actualizando Activos de App
Un equipo de marketing de producto quiere actualizar su presencia en App Store para una actualización de versión mayor. Necesitan capturas consistentes y con marca para todos los aspectos destacados de características.
Entregables de Cliente de Agencia
Una agencia de diseño construyendo una app iOS para un cliente necesita entregar capturas de App Store como parte de la entrega. Requieren generación programática para consistencia.
이 프롬프트를 사용해 보세요
Genera capturas de App Store para mi app de seguimiento de café. Tengo capturas en public/screenshots/, mi icono es public/app-icon.png, los colores de marca son #8B4513 y #F5E6D3, uso la fuente Inter, y quiero 6 capturas en un estilo limpio y minimalista.
Crea 8 capturas de App Store para mi app de fitness. Características: seguimiento de ejercicios, registro de nutrición, gráficos de progreso, desafíos sociales, sincronización con Apple Watch, ejercicios personalizados, seguimiento de rachas, y estadísticas premium. Estilo: audaz y colorido con gradientes.
Necesito 10 capturas para mi app de meditación. Marca: estilo orgánico cálido con gradientes suaves (púrpura a turquesa). Fuente: Calibri. El diferenciador clave es recomendaciones personalizadas. Incluye la app de Apple Watch en una captura.
Escribe titulares para las capturas de mi app de seguimiento de hábitos. Características: rachas, recordatorios, estadísticas, categorías, widgets y modo oscuro. Público objetivo: personas que quieren construir mejores rutinas diarias. Dame 3 opciones por diapositiva.
모범 사례
- Responde todas las preguntas requeridas (capturas de app, icono, colores de marca, fuente, características, cantidad de diapositivas, estilo) antes de comenzar la generación de código
- Revisa y aprueba la copia de titulares antes de construir los diseños - la mala copia arruina el buen diseño
- Proporciona referencias de capturas de App Store si tienes un estilo específico en mente
- Usa capturas PNG de alta resolución de dispositivos reales para mejor calidad
- Prueba la página generada y la funcionalidad de exportación antes de finalizar los diseños
피하기
- Pedir a la habilidad que continúe sin proporcionar tus capturas de app e icono
- Solicitar múltiples características por captura - cada diapositiva debe enfocarse en una idea
- Usar jerga compleja o frases compuestas en titulares - mantenlos simples y contundentes
- Esperar que la habilidad cree capturas reales de app - solo genera los diseños de marketing