modal

Create modal dialogs imperatively using createModal from @lobehub/ui.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/kissMyApps-tlm/kissmychat --skill modal-kissmyapps-tlm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: modal
Source: https://github.com/kissMyApps-tlm/kissmychat/tree/main/.agents/skills/modal
Command: npx skills add https://github.com/kissMyApps-tlm/kissmychat --skill modal-kissmyapps-tlm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Modal imperative API guide to create modal dialogs using createModal from @lobehub/ui. Triggers on modal component implementation or dialog creation tasks.

Core Features & Use Cases

  • Imperative modal creation to avoid React state boilerplate.
  • Seamless integration with @lobehub/ui components and context.
  • Use case: Open a feature-specific dialog from a user action without rendering a component.

Quick Start

Create or import the feature modal and call it in response to a user action, e.g., createMyFeatureModal().

Frequently Asked Questions about modal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create modal dialogs imperatively in React without managing state?

Imperative modal creation avoids React state boilerplate by using createModal from @lobehub/ui to trigger dialogs directly from component logic or user actions. Call createModal() in response to events, and the modal renders on demand without explicit component state management.

Can I use createModal with @lobehub/ui components?

Yes, createModal integrates seamlessly with @lobehub/ui components and context. It's designed to work within the @lobehub/ui ecosystem, enabling consistent styling and context propagation across your feature dialogs.

How do I open a modal from a button click or user action?

Call createModal() directly in your event handler—for example, createMyFeatureModal() triggered by an onClick event. The modal opens on demand without pre-rendering a component, keeping your UI logic clean.

Does this modal support fullscreen and auto-destroy behaviors?

Yes, createModal supports optional fullscreen rendering and destroy-on-close behavior. Configure these settings when creating the modal to control layout and lifecycle management.

When should I use imperative modals instead of declarative React state?

Use imperative modals when you need on-demand dialogs triggered by component logic without maintaining modal visibility state. This approach suits feature-specific dialogs opened from user actions where declarative state would add unnecessary complexity.