Build type-safe Rails components with Stimulus integration via a Ruby DSL.
npx skills add https://github.com/stevegeek/vident --skill vident
Please help me install this Agent Skill. Skill: Vident Source: https://github.com/stevegeek/vident/tree/main/skills/vident Command: npx skills add https://github.com/stevegeek/vident --skill vident
Vident provides a structured approach to building Rails UI components with Stimulus integration, enabling typed props, a declarative Ruby DSL, and first-class outlets for robust interactivity.
Install Vident, generate a component with the bundled generator, and wire Stimulus alongside your component.
High-intent search queries and answers about installing and using this skill.
You can add type-safe props to Rails ViewComponent or Phlex components using Vident, which leverages Literal for typed props and easy validation. It provides a declarative Ruby DSL to wire props directly into your UI components.
Wiring Stimulus controllers and outlets in Rails components is best handled via a declarative DSL using Vident. The `stimulus do` block declares controllers, actions, targets, values, and outlets, which automatically serialize into Stimulus data attributes.
Yes, Vident works with both ViewComponent and Phlex rendering engines. It supports SSR-friendly helpers and StableId-based SSR IDs to ensure reliable server-side rendering and responsive initial paint.
Yes, you can cache Rails UI components with typed props and Stimulus bindings. Vident supports optional caching alongside flexible root-element configuration to maintain consistent rendering across server-side renders.
You generate Rails components with typed props and Stimulus integration by installing Vident and using its bundled generator. This scaffolds the component structure and automatically wires Stimulus alongside your typed props.
A declarative DSL for Stimulus data attributes is needed to manage complex interactivity without manual HTML data attribute serialization. Vident handles this serialization automatically, supporting outlets, values, params, and classes robustly.
nschnebleBuild reusable ViewComponent-based UI widgets for Rails applications with RSpec support.
PatternsDevDynamically load React components with React.lazy and Suspense.
sinfinMigrate legacy jQuery scripts to Stimulus controllers in Folio applications.
sandnapWire Stimulus controllers to DOM elements via data-controller attributes for declarative interactivity.
