Habilidades mobile-ios-design

📦

mobile-ios-design

Name: mobile-ios-design
Author: wshobson

Revisión del contenido r1 Seguro 🌐 Acceso a red⚙️ Comandos externos

Diseñar interfaces nativas de iOS

Los equipos de iOS necesitan interfaces que se sientan nativas, accesibles y coherentes con el comportamiento de la plataforma de Apple. Esta skill convierte las Apple HIG y los patrones de SwiftUI en orientación práctica de diseño e implementación.

Compatible con: Claude Codex Code(CC)

📊 75 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "mobile-ios-design" from https://skillstore.io/skills/wshobson-mobile-ios-design.md and its manifest at https://skillstore.io/api/skills/wshobson-mobile-ios-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/wshobson-mobile-ios-design.md Manifest firmado GET /api/skills/wshobson-mobile-ios-design/manifest Lockfile firmado GET /api/skills/wshobson-mobile-ios-design/lockfile

Pruébalo

Usando "mobile-ios-design". Una pantalla de ajustes con campos de cuenta, controles de notificaciones y un enlace de privacidad.

Resultado esperado:

Recomienda un Form agrupado con secciones claras de Cuenta, Preferencias y Acerca de.
Usa controles nativos Toggle y Picker en lugar de controles personalizados para ajustes comunes.
Añade etiquetas semánticas, compatibilidad con Dynamic Type y una fila estándar de enlace externo de privacidad.

Usando "mobile-ios-design". Un flujo de exploración de productos que abre pantallas de detalle y admite búsqueda.

Resultado esperado:

Sugiere NavigationStack con destinos tipados para pantallas de detalle de producto.
Añade listas con búsqueda, estados vacíos, estados de carga y acciones de reintento.
Define adaptaciones para iPad con diseños divididos y estado de navegación conservado.

Usando "mobile-ios-design". Una pantalla existente de SwiftUI que se siente visualmente inconsistente con iOS.

Resultado esperado:

Señala colores codificados de forma rígida, tamaños de texto fijos, jerarquía poco clara y controles personalizados sobredimensionados.
Recomienda colores semánticos, SF Symbols, espaciado estándar y roles de botón accesibles.
Prioriza las correcciones según el impacto en el usuario y el esfuerzo de implementación.

Auditoría de seguridad

Seguro

v4 • 8/7/2026 Abrir el informe versionado

All static findings were reviewed against the skill content and judged false positives. The command detections are Markdown Swift examples, the network detections are documentation links, and the blocker or sensitive detections are SwiftUI identifiers. No prompt injection, credential handling, unauthorized network calls, or executable scripts were found.

Archivos escaneados

1,944

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/wshobson-mobile-ios-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/wshobson-mobile-ios-design/security.svg)](https://skillstore.io/skills/wshobson-mobile-ios-design?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/wshobson-mobile-ios-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-mobile-ios-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/wshobson-mobile-ios-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

wshobson. (2026). mobile-ios-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-mobile-ios-design/audits/4

Cita BibTeX

@techreport{wshobson-wshobson-mobile-ios-design-2026,
  author = {wshobson},
  title = {mobile-ios-design security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/wshobson-mobile-ios-design/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mobile-ios-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "wshobson"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/wshobson-mobile-ios-design/audits/4"
identifiers:
  - type: other
    value: "skillstore:wshobson-mobile-ios-design:audit:4"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Planificar un nuevo flujo de funcionalidad para iOS

Mapear pantallas, navegación, componentes del sistema y requisitos de accesibilidad antes de comenzar la implementación.

Convertir mockups en patrones de SwiftUI

Elegir estructuras nativas de SwiftUI para listas, formularios, botones, sheets y diseños adaptativos.

Auditar una interfaz móvil existente

Revisar una pantalla para verificar su alineación con HIG, compatibilidad con Dynamic Type, comportamiento en Dark Mode y claridad de navegación.

Prueba estos prompts

Revisar una pantalla

Revisa esta pantalla de iOS según Apple HIG. Céntrate en jerarquía, objetivos táctiles, Dynamic Type, Dark Mode y accesibilidad.

Diseñar un flujo nativo

Diseña un flujo nativo de iOS para [feature]. Incluye estructura de navegación, pantallas clave, componentes del sistema, estados vacíos y estados de error.

Traducir mockup a SwiftUI

Traduce este mockup en orientación de implementación para SwiftUI. Recomienda layouts, controles, navegación, gestión de estado y detalles de accesibilidad.

Auditar una experiencia compleja de aplicación

Audita esta experiencia de aplicación iOS para evaluar su alineación con HIG en iPhone y iPad. Identifica riesgos de navegación, brechas de accesibilidad, inconsistencias de componentes y oportunidades de refactorización en SwiftUI.

Mejores prácticas

Comienza con componentes del sistema de Apple antes de diseñar controles personalizados.
Prueba cada recomendación con Dynamic Type, VoiceOver, Dark Mode y safe areas.
Indica la versión objetivo de iOS y las clases de dispositivo al pedir orientación sobre SwiftUI.

Evitar

No fuerces patrones de interacción web o Android en flujos nativos de iOS.
No uses tamaños de fuente fijos, colores codificados de forma rígida ni objetivos táctiles apretados.
No solicites garantías de cumplimiento de App Store sin una revisión separada de políticas y técnica.

Preguntas frecuentes

¿Esta skill escribe código SwiftUI?

Puede proporcionar patrones de SwiftUI y orientación de implementación. Los ejemplos generados aún necesitan integración y pruebas específicas del proyecto.

¿Puede revisar pantallas existentes de iOS?

Sí. Proporciona capturas de pantalla, mockups o descripciones de pantallas y pide comentarios sobre HIG, accesibilidad y SwiftUI.

¿Admite diseño para iPad?

Sí. Incluye orientación para diseños adaptativos, pantallas más grandes, multitarea y diferencias de navegación en iPadOS.

¿Puede garantizar la aprobación de App Store?

No. Ayuda con la calidad de la interfaz y las convenciones de la plataforma, pero la aprobación de App Store requiere una revisión separada.

¿Qué entradas funcionan mejor?

Usa un objetivo claro de funcionalidad, dispositivos objetivo, versión de iOS, capturas de pantalla, tareas de usuario y restricciones conocidas.

¿Es solo para diseñadores?

No. Diseñadores, ingenieros de iOS, product managers y revisores de diseño pueden usarla para tomar decisiones prácticas sobre interfaces de iOS.

Detalles del desarrollador

Autor

wshobson

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/mobile-ios-design/

Ref.

64ca8af0f54a325752f08bd54e52151061ea659a

Actualidad del mantenimiento

23/7/2026

Uso

15 descargas · 144 vistas

Estructura de archivos

📁 references/

📄 hig-patterns.md

📄 ios-navigation.md

📄 swiftui-components.md

📄 SKILL.md

mobile-ios-design

Instalar con mi Agente

Recursos legibles por agentes

Pruébalo

Auditoría de seguridad

Factores de riesgo

Copiar enlace del informe

Insignia Markdown

Insignia HTML

Tarjeta para insertar

Cita APA

Cita BibTeX

CITATION.cff

Puntuación de Skillstore

Lo que puedes crear

Planificar un nuevo flujo de funcionalidad para iOS

Convertir mockups en patrones de SwiftUI

Auditar una interfaz móvil existente

Prueba estos prompts

Mejores prácticas

Evitar

Preguntas frecuentes

Detalles del desarrollador