Does it support complex page layouts?

Yes, it includes specialized components for Index, Show, Form, and Dashboard pages, allowing you to build consistent full-page structures instead of manually combining divs.

How does this skill assist with Rails forms?

The skill enforces the use of the Bali::FormBuilder within form_with blocks, ensuring that all input fields are correctly styled and wired with the necessary Stimulus controllers.

Are JavaScript dependencies handled automatically?

The skill provides guidance on which components require external libraries like SlimSelect or Flatpickr and how to install them via yarn.

Can I build data dashboards with this skill?

Absolutely. It supports stat cards, charts, data tables with filtering/pagination, and a dedicated DashboardPage component for layout management.

What are Bali ViewComponents?

Bali is a comprehensive library for Ruby on Rails providing over 60 reusable components built on DaisyUI and Tailwind CSS to accelerate frontend development.

Bali ViewComponents for Rails

Name: Bali ViewComponents for Rails
Author: Grupo-AFAL

byGrupo-AFAL

•

デザインツール

Streamlines the creation of professional Rails interfaces using a comprehensive library of 60+ DaisyUI and Tailwind-based ViewComponents.

This skill provides Claude with deep expertise in the Bali ViewComponent library, a robust framework for building modern Ruby on Rails frontends. It enables the rapid generation of production-ready views ranging from simple buttons and cards to complex layouts like admin dashboards, multi-panel document editors, and data-rich index pages. By enforcing specific implementation rules for slots, keyword arguments, and the Bali FormBuilder, this skill ensures consistent styling, prevents common syntax mistakes, and manages interactive JavaScript dependencies for a seamless developer experience.

主な機能

01Smart boilerplate generation for standardized Index, Show, and Form pages.

02Access to 60+ pre-built components including Modals, DataTables, and Charts.

03Enforcement of Bali-specific FormBuilder patterns for robust data entry.

04Guidance on integrating JS dependencies like Flatpickr, SlimSelect, and Chart.js.

05Correct slot configuration for complex UI elements like Tooltips and Drawers.

061 GitHub stars

ユースケース

01Scaffolding full-featured admin dashboards and CRUD interfaces in Rails applications.

02Implementing responsive layouts using pre-defined AppLayout and Page components.

03Building interactive data visualizations including Gantt charts, heatmaps, and stats.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupo-afal/claude-plugins bali-components

For use in Claude.ai and ChatGPT

主な機能

01Smart boilerplate generation for standardized Index, Show, and Form pages.

02Access to 60+ pre-built components including Modals, DataTables, and Charts.

03Enforcement of Bali-specific FormBuilder patterns for robust data entry.

04Guidance on integrating JS dependencies like Flatpickr, SlimSelect, and Chart.js.

05Correct slot configuration for complex UI elements like Tooltips and Drawers.

061 GitHub stars

ユースケース

01Scaffolding full-featured admin dashboards and CRUD interfaces in Rails applications.

02Implementing responsive layouts using pre-defined AppLayout and Page components.

03Building interactive data visualizations including Gantt charts, heatmaps, and stats.