Rails Design System

A pragmatic approach to Rails frontend architecture that pushes back against premature abstraction. Wait until you've used something three times before extracting it, prefer partials over components until complexity demands otherwise, and define design tokens through Tailwind's @theme directive. Covers the full modern Rails stack: Turbo Frames and Streams for targeted updates, Stimulus controllers for interactions, custom FormBuilders for consistent forms, and explicit partial locals. The 51 rules are prioritized by impact, which is refreshing when most design system docs treat everything as equally important. Best used alongside rails-dev for backend patterns and tailwind for utility classes, filling the gap between raw CSS and full component frameworks.

Install to Claude Code

npx -y skills add pproenca/dot-skills --skill rails-design-system --agent claude-code