Does this skill suggest new components?

Yes, if it detects a UI pattern appearing three or more times that isn't currently a component, it will propose a new Bali component abstraction.

Why should I use this alongside the bali-components skill?

The audit skill identifies where changes are needed, while the bali-components skill provides the exact API reference to ensure the replacement code uses the correct slots and parameters.

Can it fix Rails form issues?

Yes, it specifically scans for forms missing the Bali::FormBuilder or manual Stimulus wiring that should be handled automatically by the component library.

How does it prioritize audit findings?

It categorizes findings into High (structural or broken APIs), Medium (repeated UI patterns like lists and cards), and Low (cosmetic or specialized) priority levels.

What is the primary purpose of the Bali View Audit skill?

It systematically reviews Rails views to find opportunities for replacing raw HTML with Bali ViewComponents and to fix incorrect component usage.

Bali View Component Audit

Name: Bali View Component Audit
Author: Grupo-AFAL

byGrupo-AFAL

•

设计工具

Audits Ruby on Rails views to identify migration opportunities, fix anti-patterns, and maximize Bali ViewComponent adoption.

This skill provides a systematic auditing workflow for Rails applications using the Bali ViewComponent library, helping developers modernize their frontend by identifying manual HTML that should be replaced with standardized components. It scans your codebase for structural anti-patterns, incorrect API usage, and high-impact UI patterns like forms, tables, and page layouts, providing prioritized recommendations to ensure design system consistency and improved maintainability.

主要功能

01Prioritizes migration tasks into High, Medium, and Low impact levels

02Proposes new component abstractions based on repeated UI patterns

03Identifies structural anti-patterns in page layouts and forms

04Validates component API usage to prevent common runtime errors

051 GitHub stars

06Detects manual HTML replacements for 60+ Bali ViewComponents

使用场景

01Performing a code health check to identify deprecated component patterns

02Migrating legacy Rails views to a Bali-based Design System

03Ensuring consistent ViewComponent implementation across a large codebase

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupo-afal/claude-plugins bali-view-audit

For use in Claude.ai and ChatGPT

主要功能

01Prioritizes migration tasks into High, Medium, and Low impact levels

02Proposes new component abstractions based on repeated UI patterns

03Identifies structural anti-patterns in page layouts and forms

04Validates component API usage to prevent common runtime errors

051 GitHub stars

06Detects manual HTML replacements for 60+ Bali ViewComponents

使用场景

01Performing a code health check to identify deprecated component patterns

02Migrating legacy Rails views to a Bali-based Design System

03Ensuring consistent ViewComponent implementation across a large codebase

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupo-afal/claude-plugins bali-view-audit

For use in Claude.ai and ChatGPT