rails-37-style-frontend-mobile

Community

Mobile-first CSS for Rails apps.

AuthorChwistophe
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides patterns and techniques for building responsive, mobile-first user interfaces in Rails applications, ensuring a great user experience on smaller screens.

Core Features & Use Cases

  • Responsive Design Patterns: Techniques for adapting layouts, typography, and navigation for mobile devices.
  • Touch Optimization: Strategies for making interactive elements easier to tap and use on touchscreens.
  • Safe Area Insets: Ensures content is displayed correctly on devices with notches or dynamic islands.
  • Use Case: Applying these CSS patterns to a Rails application's frontend to make it look and function optimally on smartphones and tablets, improving user engagement and accessibility.

Quick Start

Apply the responsive CSS patterns from this skill to your Rails application's stylesheets to adapt the UI for mobile devices.

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: rails-37-style-frontend-mobile
Download link: https://github.com/Chwistophe/agent-skills-unofficial-37-signals-rails-way-fizzy/archive/main.zip#rails-37-style-frontend-mobile

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.