¿Qué es chakra-ui?
Crea aplicaciones React accesibles con componentes, tokens y recetas de Chakra UI v3. Úselo al crear sistemas de componentes con estilo, temas o controles de formulario accesibles. Fuente: mgd34msu/goodvibes-gemini.
·chakra-ui
*
chakra-ui
✓Crea aplicaciones React accesibles con componentes, tokens y recetas de Chakra UI v3. Úselo al crear sistemas de componentes con estilo, temas o controles de formulario accesibles.
Instalación
Cómo instalar chakra-ui
Instala rápidamente el skill de IA chakra-ui en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill chakra-ui
- 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: mgd34msu/goodvibes-gemini.
SKILL.md
Ver originalAccessible React component library with built-in styling, theming, and design tokens.
| bg | background | bg="blue.500" | | color | color | color="gray.700" | | p, px, py | padding | p="4" px="6" | | m, mx, my | margin | m="auto" my="8" | | w, h | width, height | w="full" h="100vh" | | rounded | border-radius | rounded="lg" | | shadow | box-shadow | shadow="md" | | display | display | display="flex" | | gap | gap | gap="4" |
| solid | Background for solid buttons | | contrast | Text on solid backgrounds | | fg | Foreground/text color | | muted | Muted backgrounds | | subtle | Subtle backgrounds | | emphasized | Hover states | | focusRing | Focus ring color |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill chakra-ui- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-07
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo chakra-ui?
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/mgd34msu/goodvibes-gemini --skill chakra-ui 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/mgd34msu/goodvibes-gemini
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-03-07
Skills Relacionados
Ninguno