Guide React developers to use UDesign Modal with visible control and Modal.Content.
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-modal
Please help me install this Agent Skill. Skill: cpn-basic-modal Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-modal Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-modal
在使用 UDesign Modal 组件时，帮助 AI 理解并正确应用受控弹窗的用法，避免误用命令式调用和外部依赖。
在需要弹出模态框时，请优先使用声明式 Modal 调用，提供 visible 控制和 Modal.Content 内容以实现可预测的对话 UI
High-intent search queries and answers about installing and using this skill.
To control Modal visibility, use a purely controlled mode by passing a visible prop to manage display states, ensuring the UI remains predictable without relying on untracked external states.
Avoiding command-like invocation for React modal components prevents unpredictable state mismatches; declarative usage with a visible prop and structured content ensures safer, controllable dialog rendering.
The best way to structure modal content is by using Modal.Content as a dedicated container, which facilitates organized layouts for confirmation or form interactions within declarative React components.
No, you do not need external libraries to manage modal state; the UDesign Modal component supports a self-contained controlled visible prop, eliminating external dependencies for safer implementation.
Yes, you can use declarative syntax for modals with complex form interactions by wrapping form elements inside Modal.Content and managing the display logic through the visible prop.
calesthioRefactor React 19+ components from boolean props to compound component patterns.
omakeiCreate and validate Nuxt 4 forms with useFormBuilder and native elements.
tchiphuongDocument Hero UI Button, ButtonGroup, and CloseButton components with usage examples.
Higashi-KotaMigrate hardcoded Tailwind styles and native HTML elements to Storybook-defined UI components in TypeScript/React projects.
