Skills
.Work. You
Rest

cpn-basic-modal

Official

帮助 AI 正确使用 UDesign Modal 组件，实现可控弹窗

Software Engineering#react#component#ui-design#modal#visibility#udesign
AuthorUCloud-FE
Version1.0.0
Installs0

System Documentation

What problem does it solve?

在使用 UDesign Modal 组件时，帮助 AI 理解并正确应用受控弹窗的用法，避免误用命令式调用和外部依赖。

Core Features & Use Cases

  • 纯受控模式：通过 visible 控制模态的显示与隐藏，确保 UI 行为可预测
  • 内容区域封装：使用 Modal.Content 作为模态内容容器，便于结构化布局
  • 最佳实践与警告：提供关于避免命令式打开、避免外部库依赖的守则与示例
  • 使用场景示例：如需要确认/表单等场景的弹窗交互

Quick Start

在需要弹出模态框时，请优先使用声明式 Modal 调用，提供 visible 控制和 Modal.Content 内容以实现可预测的对话 UI

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cpn-basic-modal
Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-modal

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.