skills.rest
maquina-appmaquina-appOfficial·1 Agent Skills Included

maquina_components

Consistent Rails UI components with forms, layouts, and theming

Builds consistent, accessible Rails interfaces using ERB partials, Tailwind CSS 4, and Stimulus controllers. Provides ready-made cards, tables, forms, sidebars, toasts, and date pickers with a unified styling API. Eliminates inconsistent view code, missing validation states, and ad-hoc CSS across projects. Guides implementation with component catalogs, form patterns, layout templates, and review checklists.
138|8
↗
npx skills add maquina-app/maquina_components --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
maquina-appmaquina-app

maquina-ui-standards

Standardize Ruby on Rails UI development with reusable maquina_components patterns.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install maquina_components?▼

Run `npx skills add maquina-app/maquina_components --all -g -y` in your terminal to install the skill globally.

What does maquina_components do for Rails apps?▼

It provides a cohesive set of ERB partial components styled with Tailwind CSS 4, covering cards, tables, forms, navigation, and feedback elements for dashboards and admin interfaces.

How does the skill help build Rails views?▼

It gives your coding assistant a component catalog, form and layout patterns, Turbo integration guidance, and a checklist so generated views follow consistent, accessible conventions.

Does maquina_components support dark mode and theming?▼

Yes. It uses CSS custom properties following the shadcn/ui convention, with light and dark theme variables and design tokens for shape, focus rings, and elevation.

Do I need ViewComponent or Phlex to use it?▼

No. It is built on plain ERB partials with data attributes, so any standard Rails developer can use and customize it without adopting new rendering libraries.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills