·frontend-patterns
</>

frontend-patterns

Patrones de frontend para aplicaciones Rails usando plantillas Slim, framework Stimulus JavaScript, CSS con utilidades Optics. Úselo al crear vistas, agregar interactividad, diseñar componentes o cuando el usuario mencione Slim, Stimulus, JavaScript, CSS o desarrollo frontend.

11Instalaciones·0Tendencia·@rolemodel

Instalación

$npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns

Cómo instalar frontend-patterns

Instala rápidamente el skill de IA frontend-patterns 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/rolemodel/rolemodel-skills --skill frontend-patterns
  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: rolemodel/rolemodel-skills.

SKILL.md

Ver original

Rule of thumb: If it's primarily conditional text/classes in a single element, use a helper. If it's a structure/layout, use a partial.

Conditional class names Use the rails classnames helper to manage conditional class names in Slim templates.

Overview Always use Simple Form for forms. Never use formwith, formfor, or Rails form helpers directly.

Patrones de frontend para aplicaciones Rails usando plantillas Slim, framework Stimulus JavaScript, CSS con utilidades Optics. Úselo al crear vistas, agregar interactividad, diseñar componentes o cuando el usuario mencione Slim, Stimulus, JavaScript, CSS o desarrollo frontend. Fuente: rolemodel/rolemodel-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/rolemodel/rolemodel-skills --skill frontend-patterns
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Respuestas rápidas

¿Qué es frontend-patterns?

Patrones de frontend para aplicaciones Rails usando plantillas Slim, framework Stimulus JavaScript, CSS con utilidades Optics. Úselo al crear vistas, agregar interactividad, diseñar componentes o cuando el usuario mencione Slim, Stimulus, JavaScript, CSS o desarrollo frontend. Fuente: rolemodel/rolemodel-skills.

¿Cómo instalo frontend-patterns?

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/rolemodel/rolemodel-skills --skill frontend-patterns 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/rolemodel/rolemodel-skills