Habilidades hig-components-content

📦

hig-components-content

Name: hig-components-content
Author: sickn33

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

Diseñar componentes de contenido de Apple

Los equipos de apps de Apple necesitan opciones claras para gráficos, imágenes, colecciones, contenido web y funciones para compartir. Esta skill asigna las necesidades de contenido a componentes de Apple HIG.

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 "hig-components-content" from https://skillstore.io/skills/sickn33-hig-components-content.md and its manifest at https://skillstore.io/api/skills/sickn33-hig-components-content/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/sickn33-hig-components-content.md Manifest firmado GET /api/skills/sickn33-hig-components-content/manifest Lockfile firmado GET /api/skills/sickn33-hig-components-content/lockfile

Pruébalo

Usando "hig-components-content". Necesito mostrar recuentos mensuales de pasos en una app de salud para iPhone.

Resultado esperado:

Usa Swift Charts con barras para los totales mensuales. Mantén significativo el límite inferior del eje, resume la tendencia principal y admite etiquetas de VoiceOver o Audio Graphs.

Usando "hig-components-content". ¿Debería una app de recetas usar una vista web para artículos externos de cocina?

Resultado esperado:

Usa una vista web solo para contenido incrustado breve. Para una navegación más amplia, prefiere flujos relacionados con Safari y proporciona controles de avance y retroceso cuando se espere navegación de varias páginas.

Usando "hig-components-content". ¿Cómo debería presentar una biblioteca de pósteres de películas en Apple TV?

Resultado esperado:

Usa lockups o pósteres de tvOS con tamaño uniforme, suficiente espacio para la expansión del foco y etiquetas claras para cada elemento enfocado.

Auditoría de seguridad

Seguro

v5 • 23/7/2026 Abrir el informe versionado

All 20 static findings are false positives. The backticks delimit a Markdown path, the URLs are passive references, and the flagged prose contains design guidance rather than reconnaissance commands. No prompt injection, execution, exfiltration, or other malicious intent was found.

Archivos escaneados

674

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (1)

SKILL.md:11

🌐 Acceso a red (1)

SKILL.md:78

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/sickn33-hig-components-content/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-hig-components-content/security.svg)](https://skillstore.io/skills/sickn33-hig-components-content?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/sickn33-hig-components-content?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-hig-components-content/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/sickn33-hig-components-content.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

sickn33. (2026). hig-components-content security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-hig-components-content/audits/5

Cita BibTeX

@techreport{sickn33-sickn33-hig-components-content-2026,
  author = {sickn33},
  title = {hig-components-content security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/sickn33-hig-components-content/audits/5},
  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: "hig-components-content security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-hig-components-content/audits/5"
identifiers:
  - type: other
    value: "skillstore:sickn33-hig-components-content:audit:5"
    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

Elegir un componente

Un diseñador compara gráficos, colecciones, vistas de imagen, vistas web y vistas de actividad para una nueva pantalla de una app de Apple.

Revisar la visualización de datos

Un ingeniero de iOS revisa la jerarquía del gráfico, los ejes, las etiquetas, el uso del color, la interacción y la compatibilidad con VoiceOver antes de la implementación.

Planificar el comportamiento por plataforma

Un líder de producto valida qué patrones de contenido funcionan en iPhone, iPad, Mac, Apple TV, Apple Watch y visionOS.

Prueba estos prompts

Elegir un componente de contenido

Estoy creando una pantalla de app de Apple para [content type] en [platforms]. Recomienda el componente de contenido de HIG adecuado y explica las ventajas y desventajas.

Mejorar el diseño de un gráfico

Revisa este concepto de gráfico para una app de Apple: [chart purpose, data type, user task]. Da orientación de HIG sobre marcas, ejes, etiquetas, color y accesibilidad.

Diseñar una experiencia de colección

Planifica una vista de colección para [item type] con [item count] elementos en [platforms]. Cubre diseño, selección, reordenamiento, estados vacíos y accesibilidad.

Auditar una pantalla multiplataforma

Audita esta especificación de pantalla según la guía de componentes de contenido de Apple HIG: [screen spec]. Identifica elecciones de componentes, problemas de plataforma, brechas de accesibilidad y cambios recomendados.

Mejores prácticas

Proporciona el tipo de contenido, la tarea principal, las plataformas objetivo, el tamaño de los datos y si el contenido cambia con el tiempo.
Pide orientación de accesibilidad con cada recomendación, especialmente para gráficos, imágenes, contenido web y colecciones enfocables.
Usa la skill al principio para elegir componentes y luego verifica los detalles finales con la documentación actual de Apple.

Evitar

Solicitar una elección de componente sin indicar si el contenido son datos, medios, contenido web o una colección.
Usar vistas web como reemplazos completos de un navegador o gráficos que requieren interacción para revelar información crítica.
Ignorar límites de compatibilidad de plataforma, como lockups en plataformas que no son tvOS o vistas de actividad fuera de contextos compatibles.

Preguntas frecuentes

¿Qué componentes cubre esta skill?

Cubre gráficos, vistas de colección, vistas de imagen, vistas web, vistas de actividad, lockups, color wells e image wells.

¿Puede generar código SwiftUI o UIKit?

Puede guiar la elección y configuración de componentes. Pide código de implementación por separado una vez que la dirección de diseño esté clara.

¿Reemplaza Apple Human Interface Guidelines?

No. Resume las referencias de HIG incluidas y debe comprobarse con la documentación actual de Apple para tomar decisiones finales.

¿Es útil para revisiones de accesibilidad?

Sí. Destaca aspectos relacionados con VoiceOver, gráficos de audio, texto alternativo, orden de foco, tamaño de objetivo y diferenciación por color.

¿Qué plataformas están cubiertas?

Cubre las notas de plataforma presentes en las referencias incluidas para iOS, iPadOS, macOS, tvOS, watchOS y visionOS.

¿Cuándo debería usar otra skill de HIG?

Usa skills de base, diseño, patrones o plataforma cuando la pregunta trate principalmente sobre color, tipografía, navegación, layout o comportamiento de plataforma.