Style Rails ERB views and ViewComponents with Tailwind CSS 4 utility classes.
npx skills add https://github.com/mlbright/notes --skill tailwind-agent
Please help me install this Agent Skill. Skill: tailwind-agent Source: https://github.com/mlbright/notes/tree/main/.github/skills/tailwind-agent Command: npx skills add https://github.com/mlbright/notes --skill tailwind-agent
This Skill streamlines the process of styling Rails ERB views and ViewComponents using Tailwind CSS, ensuring consistent, accessible, and responsive designs.
Use the tailwind-agent skill to style the provided ERB view using Tailwind CSS utility classes, following mobile-first principles.
High-intent search queries and answers about installing and using this skill.
Style Rails ERB views with Tailwind CSS by applying utility classes for rapid UI development, following mobile-first responsive design patterns and integrating component-based architecture.
Make Rails ViewComponents responsive by implementing mobile-first layouts using Tailwind CSS utility classes that adapt to various screen sizes, ensuring consistent and accessible designs.
Tailwind CSS works with Rails Hotwire and Stimulus by applying utility classes to view components, allowing styling to integrate seamlessly with Turbo and Stimulus interactions.
Add ARIA attributes and semantic HTML in Rails views by applying Tailwind CSS utility classes alongside accessibility patterns, ensuring inclusive user interfaces within ERB templates and ViewComponents.
You can use Tailwind CSS 4 to restyle an existing Rails application by applying utility classes directly to ERB views and ViewComponents, streamlining the process to ensure consistent responsive designs.
reckerswartzStyle Rails ERB views and ViewComponents with Tailwind CSS 4 utilities.
ChwistopheImplement Hotwire patterns for dynamic UI updates in Rails applications.
nschnebleIntegrate Turbo Drive, Frames, and Streams into Rails 8.1+ applications.
nschnebleStyle Rails ERB views and ViewComponents with Tailwind CSS utility classes.
