cpn-basic-breadcrumb

Official

Guide AI to use UDesign Breadcrumb correctly

AuthorUCloud-FE
Version1.0.0
Installs0

System Documentation

What problem does it solve?

使用 UDesign Breadcrumb 组件及其子组件 Item 时,提供规范化的实现路径,帮助 AI 与开发者避免常见错配与行为偏差,确保一致性与可维护性。

Core Features & Use Cases

  • 引入方式:给出组件引入与子组件的搭配示例,遵循全局规范与风格。
  • 基本用法:演示 Breadcrumb、Breadcrumb.BackButton、Breadcrumb.Item 的基本组合与常见场景。
  • API 参数与最佳实践:提供关键参数、对比不同 styleType 的用法,并给出常见问题的解答与注意事项。
  • 演示用例:包含多种演示情景,帮助快速理解导航层级的实现。

Quick Start

在你的应用中引入 Breadcrumb 组件并展示基本导航用法。

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

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.