oceanbase-design
OceanBase enterprise design system components, tokens, and migrations
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install oceanbase-design?▼
Run `npx skills add oceanbase/oceanbase-design --all -g -y` in your terminal to install all skills in this suite globally.
What is OceanBase Design used for?▼
It is an enterprise-class React design system based on Ant Design, providing components, icons, charts, and theme tokens for building professional OceanBase products.
How to migrate from Ant Design to OceanBase Design?▼
Run the built-in codemod with `npx @oceanbase/codemod@^1.0.0-alpha.0 .` in your project, then follow the skill rules to verify component imports and style tokens.
Does oceanbase-design work with Cursor and Claude Code?▼
Yes. It ships an ob-design CLI and MCP server that plug into Cursor, Claude Code, and other compatible coding environments.
Can it sync design docs and Figma components?▼
Yes. Included skills sync Yuque spec docs into the site, translate Chinese docs to English, and map Figma components to code via Code Connect.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video