Habilidades apple-ui-design
📦

apple-ui-design

Revisión del contenido r1 Seguro ⚙️ Comandos externos

Diseña interfaces inspiradas en Apple

Los equipos de producto modernos necesitan una guía de UI consistente y pulida. Esta skill ofrece a Claude, Codex y Claude Code reglas prácticas inspiradas en Apple para tipografía, color, espaciado, componentes, movimiento y revisión de UX.

Compatible con: Claude Codex Code(CC)
🥉 79 Bronce

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 "apple-ui-design" from https://skillstore.io/skills/barissozen-apple-ui-design.md and its manifest at https://skillstore.io/api/skills/barissozen-apple-ui-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/barissozen-apple-ui-design.md Manifest firmado GET /api/skills/barissozen-apple-ui-design/manifest Lockfile firmado GET /api/skills/barissozen-apple-ui-design/lockfile

Pruébalo

Usando "apple-ui-design". Pulir una pantalla de checkout que se siente saturada y tiene tres botones de acción en competencia.

Resultado esperado:

Una jerarquía simplificada con una acción principal de checkout, enlaces secundarios más discretos, objetivos táctiles más grandes y espaciado más claro entre las secciones de pago.

Usando "apple-ui-design". Revisar un dashboard para evaluar su calidad visual y usabilidad inspiradas en Apple.

Resultado esperado:

  • Usa una jerarquía de títulos más fuerte para el área de métricas principales.
  • Reduce las sombras de las tarjetas y apóyate en el espaciado para la separación.
  • Mantén la animación sutil y vinculada a los cambios de estado.
  • Verifica el contraste del modo oscuro antes del lanzamiento.

Usando "apple-ui-design". Crear una dirección visual para una nueva pantalla de ajustes móvil.

Resultado esperado:

Un diseño de ajustes agrupados con títulos de sección claros, espaciado cómodo entre filas, tipografía del sistema, color sobrio y feedback directo para los toggles.

Auditoría de seguridad

Seguro
v8 • 6/7/2026 Abrir el informe versionado

All static findings are false positives caused by Markdown fenced CSS examples in SKILL.md. The skill contains design guidance, CSS tokens, component styling examples, animation notes, and a UX checklist. No executable commands, network access, system probing, data exfiltration, or prompt injection text was found.

1
Archivos escaneados
139
Líneas analizadas
0
Elementos de revisión
0
Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (11)
SKILL.md:45-53 SKILL.md:53-56 SKILL.md:56-68 SKILL.md:68-71 SKILL.md:71-78 SKILL.md:78-83 SKILL.md:83-91 SKILL.md:91-94 SKILL.md:94-107 SKILL.md:107-110 SKILL.md:110-119
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
Evaluación de seguridad

Copiar enlace del informe

https://skillstore.io/skills/barissozen-apple-ui-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/barissozen-apple-ui-design/security.svg)](https://skillstore.io/skills/barissozen-apple-ui-design?utm_source=security_passport_badge)

Insignia HTML

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

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/barissozen-apple-ui-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

BarisSozen. (2026). apple-ui-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barissozen-apple-ui-design/audits/8

Cita BibTeX

@techreport{barissozen-barissozen-apple-ui-design-2026, author = {BarisSozen}, title = {apple-ui-design security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/barissozen-apple-ui-design/audits/8}, 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: "apple-ui-design security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "BarisSozen" date-released: "2026-07-06" url: "https://skillstore.io/skills/barissozen-apple-ui-design/audits/8" identifiers: - type: other value: "skillstore:barissozen-apple-ui-design:audit:8" description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto
55
Arquitectura
85
Mantenibilidad
87
Contenido
77
Comunidad
91
Cumplimiento de la especificación

Lo que puedes crear

Pulir pantallas frontend

Aplica tipografía, espaciado, tarjetas, botones y movimiento consistentes a pantallas de producto existentes.

Revisar flujos de producto

Comprueba la jerarquía, la divulgación progresiva, el contraste, los objetivos táctiles y la claridad de la acción primaria antes de la entrega.

Prototipar interfaces premium

Crea una dirección de interfaz rápida para páginas de aterrizaje, dashboards y pantallas de app con un estilo sobrio inspirado en Apple.

Prueba estos prompts

Aplicar estilo básico de Apple 
Usa la skill apple-ui-design para mejorar esta pantalla con tipografía limpia, espaciado equilibrado y una acción primaria. Mantén el diseño simple y explica los cambios clave.
Crear tokens de diseño 
Usa la skill apple-ui-design para definir tokens de tipografía, color, espaciado, tarjeta, botón y movimiento para una aplicación web responsive. Incluye modos claro y oscuro.
Auditar un flujo de producto 
Usa la skill apple-ui-design para auditar este flujo de trabajo de varios pasos en cuanto a claridad, jerarquía, objetivos táctiles, contraste, movimiento y divulgación progresiva. Prioriza los problemas por impacto en el usuario.
Diseñar un sistema de componentes 
Usa la skill apple-ui-design para diseñar una interfaz de dashboard premium. Proporciona orientación para navegación, tarjetas, acciones primarias, formularios, estados vacíos y comportamiento responsive.

Mejores prácticas

  • Empieza con la jerarquía de contenido y una acción primaria clara antes de aplicar estilos a los componentes.
  • Usa la escala de espaciado de forma consistente en el diseño, las tarjetas y los grupos de controles.
  • Comprueba los objetivos táctiles, el contraste, el modo oscuro y la duración de las animaciones antes del lanzamiento.

Evitar

  • Combinar varias acciones primarias en competencia en la misma pantalla.
  • Usar fuentes decorativas, sombras pesadas o tarjetas redondeadas sobredimensionadas sin propósito.
  • Aplicar movimiento que distrae del feedback del usuario o reduce el rendimiento.

Preguntas frecuentes

¿Qué me ayuda a construir esta skill?
Ayuda a crear interfaces limpias, minimalistas e inspiradas en Apple para pantallas web y de apps.
¿Incluye código ejecutable?
No. Contiene guía de diseño, ejemplos de CSS, reglas de UX y checklists de revisión.
¿Puedo usarla con Claude, Codex y Claude Code?
Sí. Los metadatos de la skill enumeran Claude, Codex y Claude Code como herramientas compatibles.
¿Es este un recurso oficial de diseño de Apple?
No. Es una skill de la comunidad con orientación inspirada en Apple, no documentación oficial de Apple.
¿Genera recursos visuales?
No. Guía decisiones de diseño, estilo y revisión, pero no proporciona recursos de imagen.
¿Cómo debería usarla durante la revisión de UI?
Pídele que compruebe la jerarquía, el espaciado, el contraste, los objetivos táctiles, el movimiento y la claridad de la acción primaria.

Detalles del desarrollador

Licencia

MIT

Revisión de Skillstore

r1

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/BarisSozen/claude/tree/main/.claude/skills/apple-ui-design

Ref.

c4231f0153ccd2a2ed62274c5a372bf8f2386d3f

Actualidad del mantenimiento

23/7/2026

Uso

284 descargas · 277 vistas

Estructura de archivos

📄 SKILL.md