Generate reusable Rails ViewComponents with RSpec tests and Lookbook previews.
npx skills add https://github.com/mlbright/notes --skill viewcomponent-agent
Please help me install this Agent Skill. Skill: viewcomponent-agent Source: https://github.com/mlbright/notes/tree/main/.github/skills/viewcomponent-agent Command: npx skills add https://github.com/mlbright/notes --skill viewcomponent-agent
This Skill streamlines the creation of robust, well-tested, and maintainable UI components for Rails applications, ensuring consistency and reducing development time.
ButtonComponent with associated tests and previews, ensuring it's reusable and maintainable.Use the viewcomponent-agent skill to generate a new ButtonComponent with text and variant options.
High-intent search queries and answers about installing and using this skill.
Generate reusable ViewComponents by scaffolding elements like cards, tables, and modals with slots, variant options, and attached Stimulus controllers. This process ensures consistent UI styling across multiple pages while maintaining component reusability and reducing development time.
Test and preview Rails ViewComponents by automatically generating RSpec test suites and Lookbook previews alongside the component code. This provides immediate validation for UI elements and serves as living documentation for visual states and slot configurations.
Yes, generating ViewComponents with comprehensive tests and previews requires RSpec for testing and Lookbook for previews. These dependencies ensure that every generated Rails UI component is immediately validated and visually documented within your application.
The best way to build consistent button styles is to generate a reusable ButtonComponent with text and variant options. This creates a single source of truth for UI styling, automatically including RSpec tests and Lookbook previews to validate the component.
Yes, you can scaffold new ViewComponents with optional sidecars and Stimulus controllers. This allows you to build interactive Rails UI components that combine server-rendered HTML with client-side JavaScript behavior, fully tested with RSpec and previewed in Lookbook.
Use ViewComponent slots when building complex, reusable Rails UI elements like cards or modals that require multiple distinct content areas. Slots allow you to pass structured content into components cleanly, ensuring maintainable markup and consistent rendering across your application.
reckerswartzGenerate and test reusable Rails ViewComponents with slots and Lookbook previews.
reckerswartzImplement Turbo Drive, Frames, and Streams for HTML-over-the-wire updates in Rails 8.
mlbrightImplement Hotwire patterns with Turbo Frames, Turbo Streams, and Stimulus controllers in Rails.
ThinkOodleGuide reusable UI component creation in Ruby on Rails applications.