·hig-components-content
{}

hig-components-content

Pautas de interfaz humana de Apple para componentes de visualización de contenido. Utilice esta habilidad cuando el usuario pregunte sobre "componente de gráficos", "vista de colección", "vista de imagen", "vista web", "pozo de color", "pozo de imagen", "vista de actividad", "bloqueo", "visualización de datos", "visualización de contenido", visualización de imágenes, representación de contenido web, selectores de color o presentación de colecciones de elementos en aplicaciones de Apple. Úselo también cuando el usuario diga "¿cómo debo mostrar gráficos?", "cuál es la mejor manera de mostrar imágenes", "debería usar una vista web", "cómo construyo una cuadrícula de elementos", "qué componente muestra medios" o "cómo presento una hoja para compartir". Referencias cruzadas: fundamentos de alto nivel para color/tipografía/accesibilidad, patrones de alto nivel para patrones de visualización de datos, diseño de componentes de alto nivel para contenedores estructurales, plataformas de alto nivel para el comportamiento de componentes específicos de la plataforma.

39Instalaciones·3Tendencia·@raintree-technology

Instalación

$npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content

Cómo instalar hig-components-content

Instala rápidamente el skill de IA hig-components-content en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: raintree-technology/apple-hig-skills.

SKILL.md

Ver original

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

| charts.md | Charts | Swift Charts, bar/line/area/point marks, chart accessibility, audio graphs | | collections.md | Collections | Grid/list layouts, compositional layout, selection, reordering, diffable data sources | | image-views.md | Image Views | Aspect ratio handling, content modes, SF Symbol images, accessibility |

| image-wells.md | Image Wells | Drag-and-drop image selection, macOS-specific, placeholder content | | color-wells.md | Color Wells | Color selection UI, system color picker, custom color spaces | | web-views.md | Web Views | WKWebView, SFSafariViewController, navigation controls, content restrictions |

Pautas de interfaz humana de Apple para componentes de visualización de contenido. Utilice esta habilidad cuando el usuario pregunte sobre "componente de gráficos", "vista de colección", "vista de imagen", "vista web", "pozo de color", "pozo de imagen", "vista de actividad", "bloqueo", "visualización de datos", "visualización de contenido", visualización de imágenes, representación de contenido web, selectores de color o presentación de colecciones de elementos en aplicaciones de Apple. Úselo también cuando el usuario diga "¿cómo debo mostrar gráficos?", "cuál es la mejor manera de mostrar imágenes", "debería usar una vista web", "cómo construyo una cuadrícula de elementos", "qué componente muestra medios" o "cómo presento una hoja para compartir". Referencias cruzadas: fundamentos de alto nivel para color/tipografía/accesibilidad, patrones de alto nivel para patrones de visualización de datos, diseño de componentes de alto nivel para contenedores estructurales, plataformas de alto nivel para el comportamiento de componentes específicos de la plataforma. Fuente: raintree-technology/apple-hig-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-02-20
Actualizado
2026-03-10

Browse more skills from raintree-technology/apple-hig-skills

Respuestas rápidas

¿Qué es hig-components-content?

Pautas de interfaz humana de Apple para componentes de visualización de contenido. Utilice esta habilidad cuando el usuario pregunte sobre "componente de gráficos", "vista de colección", "vista de imagen", "vista web", "pozo de color", "pozo de imagen", "vista de actividad", "bloqueo", "visualización de datos", "visualización de contenido", visualización de imágenes, representación de contenido web, selectores de color o presentación de colecciones de elementos en aplicaciones de Apple. Úselo también cuando el usuario diga "¿cómo debo mostrar gráficos?", "cuál es la mejor manera de mostrar imágenes", "debería usar una vista web", "cómo construyo una cuadrícula de elementos", "qué componente muestra medios" o "cómo presento una hoja para compartir". Referencias cruzadas: fundamentos de alto nivel para color/tipografía/accesibilidad, patrones de alto nivel para patrones de visualización de datos, diseño de componentes de alto nivel para contenedores estructurales, plataformas de alto nivel para el comportamiento de componentes específicos de la plataforma. Fuente: raintree-technology/apple-hig-skills.

¿Cómo instalo hig-components-content?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/raintree-technology/apple-hig-skills