·frontend-patterns
</>

frontend-patterns

Frontend patterns for Rails applications using Slim templates, Stimulus JavaScript framework, CSS with Optics utilities. Use when building views, adding interactivity, styling components, or when the user mentions Slim, Stimulus, JavaScript, CSS, or frontend development.

11Installs·0Trend·@rolemodel

Installation

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

How to Install frontend-patterns

Quickly install frontend-patterns AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: rolemodel/rolemodel-skills.

SKILL.md

View raw

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.

Frontend patterns for Rails applications using Slim templates, Stimulus JavaScript framework, CSS with Optics utilities. Use when building views, adding interactivity, styling components, or when the user mentions Slim, Stimulus, JavaScript, CSS, or frontend development. Source: rolemodel/rolemodel-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns
Category
</>Dev Tools
Verified
First Seen
2026-02-22
Updated
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Quick answers

What is frontend-patterns?

Frontend patterns for Rails applications using Slim templates, Stimulus JavaScript framework, CSS with Optics utilities. Use when building views, adding interactivity, styling components, or when the user mentions Slim, Stimulus, JavaScript, CSS, or frontend development. Source: rolemodel/rolemodel-skills.

How do I install frontend-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/rolemodel/rolemodel-skills