·hig-components-controls
</>

hig-components-controls

Guía HIG de Apple para controles de selección y entrada, incluidos selectores, conmutadores, controles deslizantes, pasos, controles segmentados, cuadros combinados, campos de texto, vistas de texto, etiquetas, campos de token, teclados virtuales, indicadores de calificación y medidores. Utilice esta habilidad cuando el usuario diga "selector o control segmentado", "cómo debería verse mi formulario", "qué tipo de teclado debo usar", "alternar frente a casilla de verificación" o pregunte sobre el diseño del selector, alternancia, interruptor, control deslizante, paso a paso, campo de texto, entrada de texto, control segmentado, cuadro combinado, etiqueta, campo de token, teclado virtual, indicador de clasificación, indicador, diseño de formulario, validación de entrada o gestión de estado de control. Referencias cruzadas: menús-componentes-altas, diálogos-componentes-altas, búsqueda-de-componentes-altas.

39Instalaciones·3Tendencia·@raintree-technology

Instalación

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

Cómo instalar hig-components-controls

Instala rápidamente el skill de IA hig-components-controls 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-controls
  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.

| controls.md | General controls | States, affordance, system controls | | toggles.md | Toggles | On/off, immediate effect | | segmented-controls.md | Segmented controls | 2-5 options, equal weight | | sliders.md | Sliders | Continuous range, min/max labels | | steppers.md | Steppers | Fixed steps, bounded values |

| pickers.md | Pickers | Dates, times, long option sets | | combo-boxes.md | Combo boxes | macOS, type or select, custom values | | text-fields.md | Text fields | Short input, keyboard types, validation | | text-views.md | Text views | Multi-line, comments, descriptions | | labels.md | Labels | Placement, VoiceOver support |

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-controls
Categoría
</>Desarrollo
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-controls?

Guía HIG de Apple para controles de selección y entrada, incluidos selectores, conmutadores, controles deslizantes, pasos, controles segmentados, cuadros combinados, campos de texto, vistas de texto, etiquetas, campos de token, teclados virtuales, indicadores de calificación y medidores. Utilice esta habilidad cuando el usuario diga "selector o control segmentado", "cómo debería verse mi formulario", "qué tipo de teclado debo usar", "alternar frente a casilla de verificación" o pregunte sobre el diseño del selector, alternancia, interruptor, control deslizante, paso a paso, campo de texto, entrada de texto, control segmentado, cuadro combinado, etiqueta, campo de token, teclado virtual, indicador de clasificación, indicador, diseño de formulario, validación de entrada o gestión de estado de control. Referencias cruzadas: menús-componentes-altas, diálogos-componentes-altas, búsqueda-de-componentes-altas. Fuente: raintree-technology/apple-hig-skills.

¿Cómo instalo hig-components-controls?

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-controls 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