cpn-basic-popover
OfficialGuides AI to correctly use UDesign Popover.
AuthorUCloud-FE
Version1.0.0
Installs0
System Documentation
What problem does it solve?
在 UI 开发中，Popover 的定位、容器选择和触发行为容易出错。本技能提供清晰的使用准则，帮助 AI 正确理解并应用 UDesign 的 Popover 组件，以避免定位错位和容器裁剪等问题。
Core Features & Use Cases
- 引导正确的导入方式和基本用法，覆盖常见触发方式（hover、click、focus、contextMenu）和定位参数。
- 提供完整的 API 参数表、设计令牌示例及演示用例，支持离线环境下的快速落地。
- 总结常见场景与最佳实践，包括在容器溢出场景中的容器选择、forwardPopupContainer 的使用，以及在表单/卡片等复杂组件中的弹出行为注意点。
Quick Start
Provide a ready-to-use Popover integration example for a button with hover trigger.
Dependency Matrix
Required Modules
None requiredComponents
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-popover Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-popover Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.