rails-visual-design
CommunityBuild premium Rails UIs with Tailwind and Hotwire.
Authorarthun01
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive approach to creating visually stunning, functional interfaces for Rails 8 projects, streamlining the design-to-implementation process.
Core Features & Use Cases
- Design System Integration: Orchestrate the full design system workflow, from tokens to layout, components, and interactivity.
- Rails 8 Compatibility: Tailored for Rails 8.1+ with Tailwind CSS v4, Hotwire (Turbo + Stimulus), and Propshaft + Importmap.
- Use Case: When you need to design, redesign, or enhance the UI of any page, feature, or layout in a Rails project using Tailwind and Hotwire.
Quick Start
Use the rails-visual-design skill to create a new layout for your Rails project with Tailwind CSS and Hotwire.
Dependency Matrix
Required Modules
tailwindcsshotwireturbostimuluspropshaftimportmap
Components
scriptsreferencesassets
💻 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: rails-visual-design Download link: https://github.com/arthun01/achados-uesc/archive/main.zip#rails-visual-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.