flowkit-naming
✓Aplicar el sistema de nombres CSS Flowkit en Webflow. Úselo al crear clases, auditar nombres existentes o crear nuevos componentes siguiendo las convenciones de Flowkit. Flowkit es el marco CSS oficial de Webflow con un enfoque centrado en las utilidades.
Instalación
SKILL.md
Apply FlowKit CSS naming conventions in Webflow projects using Webflow Designer tools.
| fk-[component] | Component wrapper (base class) | fk-card, fk-nav, fk-hero | | fk-[component]-[element] | Child element within component | fk-card-title, fk-nav-link | | fk-[component].[modifier] | Combo class modifier (state/variant) | fk-card.is-featured | | fk-text-[style] | Typography utility | fk-text-xl, fk-text-bold |
| fk-flex / fk-grid | Layout utilities | fk-flex-center, fk-grid-3 | | fk-space-[size] | Spacing utilities | fk-space-md, fk-py-lg | | is-[state] | State modifiers (combo) | is-active, is-hidden, is-disabled |
Aplicar el sistema de nombres CSS Flowkit en Webflow. Úselo al crear clases, auditar nombres existentes o crear nuevos componentes siguiendo las convenciones de Flowkit. Flowkit es el marco CSS oficial de Webflow con un enfoque centrado en las utilidades. Fuente: webflow/webflow-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/webflow/webflow-skills --skill flowkit-naming- Fuente
- webflow/webflow-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-18
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es flowkit-naming?
Aplicar el sistema de nombres CSS Flowkit en Webflow. Úselo al crear clases, auditar nombres existentes o crear nuevos componentes siguiendo las convenciones de Flowkit. Flowkit es el marco CSS oficial de Webflow con un enfoque centrado en las utilidades. Fuente: webflow/webflow-skills.
¿Cómo instalo flowkit-naming?
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/webflow/webflow-skills --skill flowkit-naming 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/webflow/webflow-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-18