hig-components-status
Diseñar UI de estado de Apple
Los patrones de estado y progreso pueden confundir a los usuarios cuando aparece el indicador equivocado. Esta skill aplica la guía de Apple HIG para elegir barras de progreso, spinners, barras de estado y anillos de actividad.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "hig-components-status" from https://skillstore.io/skills/sickn33-hig-components-status.md and its manifest at https://skillstore.io/api/skills/sickn33-hig-components-status/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.
Pruébalo
Usando "hig-components-status". Should a file upload show a spinner or progress bar?
Resultado esperado:
Usa una barra de progreso determinada cuando el progreso de la carga sea medible. Colócala cerca del elemento que se está cargando e incluye comportamiento de cancelación si la interrupción es segura.
Usando "hig-components-status". Can my habit app use Apple-style activity rings for streaks?
Resultado esperado:
Evita usar anillos de Actividad de Apple para datos de rachas no relacionados. Usa un tratamiento visual claramente diferente para que los usuarios no lo confundan con el progreso de Move, Exercise o Stand.
Usando "hig-components-status". Should I hide the iPhone status bar during onboarding?
Resultado esperado:
Mantén visible la barra de estado salvo que la experiencia sea de medios inmersivos, gameplay o AR. Conserva un contraste legible y evita controles interactivos detrás de ella.
Auditoría de seguridad
SeguroAll nine static findings are false positives caused by ordinary documentation prose, Markdown formatting, image descriptions, and benign links. No executable commands, runtime network requests, system reconnaissance, prompt injection, or other malicious intent were found.
Factores de riesgo
⚙️ Comandos externos (1)
🌐 Acceso a red (2)
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.
Copiar enlace del informe
https://skillstore.io/skills/sickn33-hig-components-status/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/sickn33-hig-components-status?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/sickn33-hig-components-status?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-hig-components-status/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/sickn33-hig-components-status.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-status security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-hig-components-status/audits/5Cita BibTeX
@techreport{sickn33-sickn33-hig-components-status-2026,
author = {sickn33},
title = {hig-components-status security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-hig-components-status/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-status 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-status/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-hig-components-status:audit:5"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Elegir feedback de carga
Selecciona el indicador adecuado para descargas, cargas, sincronización, actualización y tareas de duración desconocida.
Revisar UI de una app de Apple
Comprueba barras de estado, áreas seguras, etiquetas de progreso y comportamiento de accesibilidad antes del lanzamiento.
Diseñar vistas de progreso de fitness
Usa anillos de Actividad solo para objetivos de fitness de Apple y evita elementos visuales similares a anillos que puedan resultar engañosos.
Prueba estos prompts
Estoy diseñando una app de Apple. La tarea es [task], normalmente tarda [duration] y el progreso es [known or unknown]. Recomienda el indicador de estado o progreso adecuado.
Revisa este flujo de una app de Apple según la guía de estado y progreso de HIG: [flow details]. Identifica el tipo de indicador, ubicación, etiquetas, cancelación y actualizaciones de accesibilidad.
Compara cómo debería funcionar este patrón de estado o progreso en iOS, iPadOS, macOS, watchOS y visionOS: [pattern]. Incluye APIs relevantes de Apple y límites de plataforma.
Audita esta interfaz de fitness para verificar el cumplimiento de los anillos de Actividad: [interface description]. Comprueba el propósito del anillo, colores, uso de HealthKit, etiquetas, márgenes, notificaciones y riesgos de marca.
Mejores prácticas
- Usa progreso determinado cuando la app pueda informar una finalización significativa.
- Coloca el feedback de progreso donde se encuentre el contenido o la acción relacionada.
- Reserva los anillos de Actividad para datos de Move, Exercise y Stand.
Evitar
- Usar un spinner cuando hay disponible un porcentaje fiable o una estimación del trabajo restante.
- Ocultar permanentemente la barra de estado en un flujo estándar de una app.
- Reutilizar colores o formas de anillos de Actividad para branding, decoración o métricas no relacionadas.
Preguntas frecuentes
¿Cuándo debo usar una barra de progreso en lugar de un spinner?
¿Puedo cambiar de un spinner a una barra de progreso?
¿Esta skill cubre las áreas seguras de la barra de estado?
¿Los anillos de Actividad pueden mostrar cualquier valor de progreso circular?
¿Esta skill genera código SwiftUI?
¿Puedo usarla con Claude, Codex y Claude Code?
Detalles del desarrollador
Autor
sickn33Licencia
MIT
Revisión de Skillstore
r2
Aviso de versión
El autor no declaró una versión.
Repositorio
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-statusRef.
88a8e9a07f4c54ab105c1c41b6267c287146b07b
Actualidad del mantenimiento
26/7/2026
Uso
9 descargas · 132 vistas
Estructura de archivos