¿Qué hace modern.uikit?
Habilidad de agente desde zach677/modern.uikit
Esta habilidad proporciona al agente IA el conocimiento necesario para trabajar con el framework UIKit moderno. Incluye información sobre componentes, utilidades, diseño responsivo y mejores prácticas de UIKit.
Instalación
Para usar esta habilidad, asegúrate de tener acceso al repositorio zach677/modern.uikit.
Uso
Una vez instalada, el agente podrá:
- Generar componentes UIKit con código limpio y moderno.
- Responder preguntas sobre la API de UIKit.
- Proporcionar ejemplos de código para patrones comunes de UI.
- Ayudar a depurar problemas de estilo y diseño.
Ejemplos
Crear un botón con UIKit
import UIKit from 'modern.uikit';
const button = new UIKit.Button({
label: 'Haz clic aquí',
variant: 'primary',
onClick: () => alert('¡Botón presionado!')
});
Diseño responsivo
<UIKit.Container>
<UIKit.Row>
<UIKit.Column size="6" tablet="8" phone="12">
<p>Columna 1</p>
</UIKit.Column>
<UIKit.Column size="6" tablet="4" phone="12">
<p>Columna 2</p>
</UIKit.Column>
</UIKit.Row>
</UIKit.Container>
Más información
Visita el repositorio zach677/modern.uikit para documentación completa y ejemplos adicionales.