cpn-basic-skeleton
OfficialGuide AI to correctly use UDesign Skeleton.
AuthorUCloud-FE
Version1.0.0
Installs0
System Documentation
What problem does it solve?
AI users often need to correctly load and use the UDesign Skeleton component as a placeholder during UI prototyping. This Skill provides clear usage patterns and constraints to ensure consistent implementation across examples.
Core Features & Use Cases
- Offloads guidance for importing Skeleton from @ucloud-fe/react-components and demonstrates basic, animated, and multi-row usage to present loading states.
- Encapsulates global conventions: keep code in plain JavaScript (JSX), avoid external UI libraries, and prefer UDesign components over raw HTML.
- Use cases include rapid mockups in design reviews, documentation demos, and scaffolding skeletons for component pages.
Quick Start
Show a minimal Skeleton usage example in JSX following UDesign conventions.
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-skeleton Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-skeleton 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.