Skills
.Work. You
Rest

oceanbase-design-usage

Official

Guide to using OceanBase Design consistently.

Design & Creative#migration#imports#tokens#design-system#codemod#oceanbase-design#configprovider
Authoroceanbase
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables teams to standardize and accelerate the adoption of OceanBase Design across projects.

Core Features & Use Cases

  • Guides usage of @oceanbase/design、@oceanbase/ui、@oceanbase/icons、@oceanbase/util、@oceanbase/charts 以及 @oceanbase/codemod 的迁移与正确的导入规范，确保设计系统的一致性与易维护性。
  • 说明如何在项目中应用 Design Token、ConfigProvider、ChartProvider 等全局配置，以及如何进行从 Ant Design/旧组件栈的迁移。
  • 适用场景包括代码评审、组件升级、迁移工作流和团队编码规范落地。

Quick Start

Run codemod to migrate legacy imports, then wrap your application with ConfigProvider and adopt design tokens and proper package imports.

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: oceanbase-design-usage
Download link: https://github.com/oceanbase/oceanbase-design/archive/main.zip#oceanbase-design-usage

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 223,000+ vetted skills library on demand.