Skills
.Work. You
Rest

reactive-rails-ui

Community

Silky Rails UIs with zero client state.

Software Engineering#rails#aria#stimulus#view-transitions#reactive-ui#turbo-morphing
Authorlorismaz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Rails apps that rely on full-page reloads feel slow and disrupt the user experience. This Skill enables SPA-like interactivity in server-rendered Rails applications by combining Turbo Morphing, the View Transitions API, and Stimulus optimistic UI.

Core Features & Use Cases

  • Turbo Morphing diffs the DOM rather than replacing it, preserving scroll position and focus.
  • View Transitions API provides smooth cross-fade animations between page states.
  • Stimulus optimistic UI offers instant feedback by toggling ARIA attributes before the server response.
  • Use Case: make standard CRUD flows feel instant and responsive without introducing client-side state management.

Quick Start

Add the View Transition meta tag to your application layout and apply the group-aria-based UI patterns to your components to enable SPA-like interactions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: reactive-rails-ui
Download link: https://github.com/lorismaz/rails-claude-code-plugins/archive/main.zip#reactive-rails-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.