cpn-basic-compact
Official正确使用 UDesign Compact 实现控件间连接布局
AuthorUCloud-FE
Version1.0.0
Installs0
System Documentation
What problem does it solve?
帮助 AI 正确使用 UDesign Compact 组件以实现控件之间的连接式布局,避免常见的排版与样式偏差。
Core Features & Use Cases
- 提供引导性示例,帮助在表单或工具面板中将多个控件水平并排排列。
- 规定导入方式、共享属性以及子控件的组合模式,确保符合设计规范。
- Use Case: 在一个包含 Select 和 Input 的表单中,通过 Compact 将两个控件对齐并共享尺寸约束。
Quick Start
在需要使用 Compact 时,请向 AI 提供一个包含两个控件并排布局的 JSX 示例。
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-compact Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-compact 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.