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

•

设计工具

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.

主要功能

High-performance collection rendering with mandatory caching and naming
1 GitHub stars
Optimized Turbo Stream responses for real-time UI and empty state management
Safe local variable handling with explicit defaults using fetch
Standardized partial organization using lowest common ancestor logic
Clean conditional CSS class patterns via token_list and array compacting

使用场景

Refactoring messy ERB templates into structured, reusable partials
Implementing complex Stimulus controller integrations without adding wrapper divs
Optimizing application performance through cached collection rendering and explicit locals

关于

主要功能

High-performance collection rendering with mandatory caching and naming
1 GitHub stars
Optimized Turbo Stream responses for real-time UI and empty state management
Safe local variable handling with explicit defaults using fetch
Standardized partial organization using lowest common ancestor logic
Clean conditional CSS class patterns via token_list and array compacting

使用场景

Refactoring messy ERB templates into structured, reusable partials
Implementing complex Stimulus controller integrations without adding wrapper divs
Optimizing application performance through cached collection rendering and explicit locals