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.
Quickly install frontend-patterns AI skill to your development environment via command line
Source: rolemodel/rolemodel-skills.
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.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patternsFrontend 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.
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
https://github.com/rolemodel/rolemodel-skills