OceanBase Design is an enterprise-class design system based on Ant Design and extending it. Help OceanBase ecology and designers/developers building professional products.
- @oceanbase/design
- @oceanbase/ui
- @oceanbase/icons
- @oceanbase/charts
- @oceanbase/util
- @oceanbase/codemod
- @oceanbase/design-cli — Agent CLI & MCP (docs)
| Doc | Description |
|---|---|
| For Agents | Copy-paste prompt + capability overview |
| LLMs.txt | Structured documentation index |
| MCP Server | ob-design mcp setup and tools |
| CLI | ob-design command reference |
| Agent Skills | oceanbase-design Skill |
npm install -g @oceanbase/design-cli
ob-design setup --client cursor
npx skills add oceanbase/oceanbase-designUse Gitpod, a free online dev environment for GitHub.
Or clone locally:
$ git clone git@github.com:oceanbase/oceanbase-design.git
$ cd oceanbase-design
$ npm install -g pnpm
$ pnpm install
$ pnpm run startOpen your browser and visit http://127.0.0.1:8000.
MIT © OceanBase