Skills
.Work. You
Rest

tailwind-agent

Community

Style Rails views with Tailwind CSS.

Software Engineering#accessibility#responsive design#css#styling#ui design#tailwind#rails
Authormlbright
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of styling Rails ERB views and ViewComponents using Tailwind CSS, ensuring consistent, accessible, and responsive designs.

Core Features & Use Cases

  • Tailwind CSS Styling: Apply utility classes for rapid UI development.
  • Responsive Design: Implement mobile-first layouts that adapt to various screen sizes.
  • Accessibility: Ensure semantic HTML and ARIA attributes for inclusive user interfaces.
  • Use Case: You need to restyle a product listing page in your Rails application to be more visually appealing and mobile-friendly, using Tailwind CSS for all styling.

Quick Start

Use the tailwind-agent skill to style the provided ERB view using Tailwind CSS utility classes, following mobile-first principles.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: tailwind-agent
Download link: https://github.com/mlbright/notes/archive/main.zip#tailwind-agent

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.