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 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-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.
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.