How does jr-rails-phlex handle Rails forms?

It recommends a hybrid approach, using ERB partials for complex forms to leverage Rails' ergonomic form builders while using Phlex for the surrounding UI structure.

How do I generate new Phlex views?

The skill includes a custom PhlexControllerGenerator pattern to scaffold Phlex views automatically instead of default ERB templates.

Why use Phlex instead of ERB in Rails?

Phlex uses pure Ruby objects instead of template files, offering better performance, full access to Ruby's object-oriented features, and easier unit testing compared to traditional ERB.

Does this skill support standard Rails helpers?

Yes, it provides specific guidance on including Phlex::Rails::Helpers for routes, image tags, and Turbo frames on a per-view basis to keep base classes lightweight.

Can I use this with Hotwire and Turbo?

Absolutely. It includes specific patterns for Turbo Frames (lazy loading), Turbo Streams, and Stimulus controller data attribute mapping.

Rails Phlex Views & Components

Name: Rails Phlex Views & Components
Author: julianrubisch

byjulianrubisch

0•

Design Tools

Builds high-performance, object-oriented Rails user interfaces using Phlex views and components instead of traditional ERB templates.

This skill provides a comprehensive framework for implementing Phlex-based UIs in Ruby on Rails applications. It establishes a standardized class hierarchy for views and components, offers custom scaffolding for Phlex-compatible controllers, and implements best practices for slot-based composition. By moving from template DSLs to pure Ruby objects, it enables cleaner code reuse, better testing, and seamless integration with modern frontend tools like Hotwire and Stimulus, while maintaining Rails' ergonomic form handling through a hybrid ERB partial approach.

Key Features

01Standardized class hierarchy for Phlex::HTML and Rails views

02Short-form component rendering using method-style calls

03Flexible slot system for building complex UI layouts

04Deep integration with Hotwire, Turbo Frames, and Stimulus

05Custom scaffold generator for Phlex-based controllers and views

060 GitHub stars

Use Cases

01Implementing a consistent, type-safe design system across a Rails application

02Refactoring legacy ERB templates into reusable Ruby components

03Building high-performance Rails dashboards with complex UI logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianrubisch/skills-private jr-rails-phlex

For use in Claude.ai and ChatGPT

Key Features

01Standardized class hierarchy for Phlex::HTML and Rails views

02Short-form component rendering using method-style calls

03Flexible slot system for building complex UI layouts

04Deep integration with Hotwire, Turbo Frames, and Stimulus

05Custom scaffold generator for Phlex-based controllers and views

060 GitHub stars

Use Cases

01Implementing a consistent, type-safe design system across a Rails application

02Refactoring legacy ERB templates into reusable Ruby components

03Building high-performance Rails dashboards with complex UI logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianrubisch/skills-private jr-rails-phlex

For use in Claude.ai and ChatGPT