cpn-basic-button

Official

Guides AI to correctly use the UDesign Button.

AuthorUCloud-FE
Version1.0.0
Installs0

System Documentation

What problem does it solve?

AI 在实现 UI 按钮时可能对组件的用法、 Props、样式以及行为理解不一致,导致 UI 不一致、交互不符合设计规范。

Core Features & Use Cases

  • 提供 Button 的正确导入、常用 Props 的约束和最佳实践,确保在 UDesign 设计系统内的一致性。
  • 覆盖 Button 的主要场景:主操作、禁用状态、加载态、图标、圆角/形状等属性组合,并给出示例代码和注意点。
  • 适用于需要在表单、对话和导航等场景中实现一致交互的 UI 开发任务,帮助设计系统落地。

Quick Start

当需要使用 Button 时加载此技能并遵循其中的导入与属性约束以实现合规按钮。

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-button
Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-button

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.