Founding Member: $499/mes de por vida
Micare
Marketing

Diseño iOS con las Apple Human Interface Guidelines

Skill que evalúa interfaces iOS y código SwiftUI/UIKit contra las Apple Human Interface Guidelines: áreas seguras, modo oscuro, Dynamic Type, SF Symbols, VoiceOver y objetivos táctiles de 44pt. Califica de 0 a 10 en 8 dimensiones con arreglos concretos.

SkillPremiumMarketingdiseno y marca

🌱 Empieza aquí · Diseño iOS con las Apple Human Interface Guidelines

Esta semilla le enseña a tu asistente a diseñar y revisar interfaces de iPhone y iPad como lo haría un diseñador de Apple. Cuando le pidas una pantalla, o cuando le des código de una app iOS para revisar, la evalúa contra las Apple Human Interface Guidelines (las guías oficiales de diseño de Apple) en 8 áreas y te devuelve una calificación de 0 a 10 con la lista exacta de qué arreglar.

Para instalarla

Abre esta carpeta con Claude Code o Cowork y dile a tu asistente:

"Siembra esta semilla 🌱"

Con eso basta de tu parte. Tu asistente hace todo lo demás y al final te dice cómo comprobar que quedó funcionando. Vas a ver algunas palabras en inglés en la pantalla; ni caso, él te guía.

¿Otras formas de pedírselo? "instala esta semilla", "activa el skill de diseño iOS", "haz el setup de esto". Te entiende igual.


Para el asistente que siembra 🤖

Este componente es un skill (habilidad): un archivo de texto, kernel/SKILL.md, que las plataformas AI-native descubren solo desde su carpeta de habilidades. No es un hook (gancho de automatización): no lleva chmod, no lleva entrada en settings.json y no ejecuta ningún script. Se "siembra" copiando el archivo a la carpeta de skills.

Esta semilla no requiere configurar ningún placeholder: el marco funciona tal cual, sin rutas ni datos que personalizar.

1. Copia el skill a la carpeta de habilidades

Claude Code / Cowork (macOS / Linux / Windows con Git Bash):

mkdir -p "$HOME/.claude/skills/ios-hig-design"
cp kernel/SKILL.md "$HOME/.claude/skills/ios-hig-design/SKILL.md"

Windows (PowerShell):

New-Item -ItemType Directory -Force -Path "$HOME\.claude\skills\ios-hig-design" | Out-Null
Copy-Item "kernel\SKILL.md" "$HOME\.claude\skills\ios-hig-design\SKILL.md"

Los skills se descubren solos desde ~/.claude/skills/. Cada uno vive en su propia subcarpeta con un SKILL.md adentro.

Codex: Codex usa otro modelo de configuración (lee su archivo AGENTS.md). El contenido de kernel/SKILL.md es texto portable: pega su cuerpo dentro de AGENTS.md, o guárdalo en el proyecto y agrégale un puntero, para que el marco se cargue con el resto de tus instrucciones.

2. Verificación post-siembra (obligatoria)

La verificación tiene dos partes: que el archivo quedó en su lugar, y que el skill de verdad evalúa una interfaz iOS.

a) El archivo quedó colocado (macOS / Linux / Git Bash):

ls -la "$HOME/.claude/skills/ios-hig-design/SKILL.md"; echo "exit=$?"

Salida esperada: una línea que lista el archivo (con su tamaño) y exit=0. Si sale No such file or directory, la copia no se hizo; repite el paso 1.

En Windows (PowerShell) el equivalente es:

Test-Path "$HOME\.claude\skills\ios-hig-design\SKILL.md"

Debe imprimir True.

b) El skill evalúa de verdad (prueba de comportamiento, en una conversación nueva): Abre una sesión nueva y pídele a tu asistente algo como:

"Reviso mi pantalla de login en SwiftUI: tiene botones de 30pt de alto, colores fijos y no soporta modo oscuro. Evalúala contra las HIG."

La conducta correcta es que te dé una calificación de 0 a 10 y una lista de arreglos específicos de iOS: por ejemplo que suba los objetivos táctiles a 44 × 44pt, que cambie los colores fijos por colores semánticos (Color(.label), Color(.systemBackground)) y que soporte modo oscuro. Si en vez de eso da consejos genéricos de diseño web, sin mencionar áreas seguras, Dynamic Type, SF Symbols ni los 44pt, el skill no se cargó: revisa que SKILL.md esté dentro de ~/.claude/skills/ios-hig-design/ (o dentro de AGENTS.md en Codex).

Cuando ambas partes pasen, avísale a la persona en una línea qué gana con esto.


✅ ¿Cómo sé que funcionó?

De ahora en adelante, cada vez que trabajes en una app de iPhone o iPad —una pantalla, un flujo, código SwiftUI o UIKit— tu asistente va a pensar como diseñador de Apple: te va a avisar si un botón es demasiado chico para el dedo, si el contenido se mete debajo del notch, si el modo oscuro va a salir roto o si a la app le falta accesibilidad. Y no solo te lo dice: te da la calificación y la lista de arreglos para llegar al 10.

No tienes que hacer nada especial en el día a día. Solo vas a notar que tus diseños iOS se sienten nativos, hechos para la plataforma. Eso es todo. 🌱

Inspiración y crédito

Fuentes y patrones abiertos que inspiraron esta semilla. Nos gusta reconocer de dónde vienen las buenas ideas.

  • Skill abierto wondelai/skills · ios-hig-design (licencia MIT · del que se clona el marco de 8 dimensiones)
  • Apple Human Interface Guidelines (documentación oficial de Apple · developer.apple.com · fuente autoritativa)

¿Quieres implementarla con acompañamiento?

Agenda una asesoría directa con JP y aterrízala en tu caso · desde $600 MXN.

Agendar una asesoría