How does this skill improve Rails partial organization?

It enforces the 'lowest common ancestor' rule, ensuring partials are placed in the highest shared directory possible to prevent deep nesting and redundant files.

What is the recommended way to handle optional locals in ERB?

The skill promotes using local_assigns.fetch(:key, default) which provides explicit defaults and raises errors for missing required variables, unlike the ambiguous '||' operator.

Does this skill help with Stimulus JS integration?

Yes, it provides patterns for layering multiple controllers on existing elements (like the body tag) to keep the DOM clean and avoid unnecessary wrapper divs.

How does it handle conditional CSS classes?

It encourages using the token_list helper or array compact/join patterns, resulting in much cleaner code than traditional string interpolation.

Vanilla Rails View Patterns

Name: Vanilla Rails View Patterns
Author: ZempTime

byZempTime

•

Design Tools

Optimizes ERB templates and Stimulus integration for Ruby on Rails applications using standardized view patterns.

This skill provides Claude with domain-specific guidance for writing clean, performant, and maintainable Ruby on Rails views. It enforces ERB conventions such as the 'lowest common ancestor' rule for partial organization, safe local variable assignment via local_assigns.fetch, and efficient CSS class management. By implementing optimized collection rendering with caching and clean Stimulus/Turbo Stream integration, it helps developers avoid common Rails antipatterns and reduces DOM bloat while maintaining a 'vanilla' Rails approach.

Key Features

01High-performance collection rendering with mandatory caching and naming

021 GitHub stars

03Optimized Turbo Stream responses for real-time UI and empty state management

04Safe local variable handling with explicit defaults using fetch

05Standardized partial organization using lowest common ancestor logic

06Clean conditional CSS class patterns via token_list and array compacting

Use Cases

01Refactoring messy ERB templates into structured, reusable partials

02Implementing complex Stimulus controller integrations without adding wrapper divs

03Optimizing application performance through cached collection rendering and explicit locals

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zemptime/zemptime-marketplace views

For use in Claude.ai and ChatGPT

Download Skill