Create imperative modal dialogs with the createModal API from @lobehub/ui.
npx skills add https://github.com/samiabid/lobehub-railway --skill modal-samiabid
Please help me install this Agent Skill. Skill: modal Source: https://github.com/samiabid/lobehub-railway/tree/main/.agents/skills/modal Command: npx skills add https://github.com/samiabid/lobehub-railway --skill modal-samiabid
This skill enables developers to create and manage imperative modal dialogs in React applications using the createModal API from @lobehub/ui, reducing reliance on local UI state.
Call the exported modal creator (for example, createMyFeatureModal) to display the dialog. Ensure the content component is provided and the @lobehub/ui library is available in your project.
High-intent search queries and answers about installing and using this skill.
Imperative modals let you programmatically open dialogs by calling a function instead of toggling state. Use the createModal API from @lobehub/ui to instantiate and display modals on demand, eliminating local UI state management for dialog flows.
Yes. Export a modal creator function from a shared module, then call it from any component to display the same modal consistently. This approach reuses modal logic across features without duplicating dialog configuration.
You need the @lobehub/ui library, a content component to render inside the modal, and access to the createModal function. Export a modal creator function that wraps createModal to make it available throughout your app.
Imperative modals are triggered by function calls rather than state changes, reducing boilerplate for managing open/close states. This pattern simplifies dynamic dialog flows and keeps modal logic separate from component state.
Yes, this skill requires @lobehub/ui, which provides the createModal API. You also need a custom content component that defines what renders inside each modal dialog.
Nick777-PixelCreate imperative modal dialogs with createModal from @lobehub/ui.
Luqman-Ud-DinDetect modal and dialog viewport fit issues across desktop and mobile viewports.
vecearCreate accessible React TypeScript modal and drawer components with focus trapping and ARIA attributes.
betterbrandCreate Radix UI dialog components with forms and tRPC mutations.
