cpn-basic-button
OfficialGuides 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 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-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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.