# reopt design

reopt design is a React and Next.js design system workspace for AI-era product interfaces. It publishes the @reopt-ai packages, their documentation, a component and example catalog, and a public MCP server.

Canonical site: https://design.reopt.ai

## When to use reopt design

Use it when building or reviewing a React or Next.js product interface that needs accessible UI primitives, an editable data grid, an AI-first editor or chat surface, a product shell, or design-system tokens. Every `@reopt-ai/opt-*` package is MIT licensed and free for commercial use.

## Packages

- `@reopt-ai/opt-ui` — Accessible React component library layered as Core, Shells, and Surfaces. Docs: https://design.reopt.ai/en/docs/opt-ui
- `@reopt-ai/opt-charts` — Recharts-based charts, visuals, and metric displays. Docs: https://design.reopt.ai/en/docs/opt-charts
- `@reopt-ai/opt-datagrid` — Keyboard-first editable data grid with remote data sources and large-scale rendering. Docs: https://design.reopt.ai/en/docs/opt-datagrid
- `@reopt-ai/opt-editor` — AI-first content editor with a block schema, streaming, and RFC 6902 JSON Patch. Docs: https://design.reopt.ai/en/docs/opt-editor
- `@reopt-ai/opt-chat` — AI chat interface with streaming, conversation state, and rich message parts. Docs: https://design.reopt.ai/en/docs/opt-chat
- `@reopt-ai/opt-calendar` — React calendar for events, booking and availability, recurrence, and AI editing. Docs: https://design.reopt.ai/en/docs/opt-calendar
- `@reopt-ai/opt-filemanager` — Connector-based file manager UI for browsing, upload queues, and file detail. Docs: https://design.reopt.ai/en/docs/opt-filemanager
- `@reopt-ai/opt-shell` — Runtime product frame: app shell, workspace recipes, policy and theme, package adapters. Docs: https://design.reopt.ai/en/docs/opt-shell
- `@reopt-ai/opt-cli` — The `opt` CLI for adding copy-paste surfaces and checking harness contracts. Docs: https://design.reopt.ai/en/docs/opt-cli
- `@reopt-ai/opt-devtool` — Development-only overlay inspector and devtool bridges. Docs: https://design.reopt.ai/en/docs/opt-devtool
- `@reopt-ai/brandapp-ui` — Copy-paste Brandapp SDK auth surfaces composed on top of opt-ui. Docs: https://design.reopt.ai/en/docs/brandapp-ui

## Where to look next

- [Documentation hub](https://design.reopt.ai/en/docs) — implementation answers per package.
- [Component and example catalog](https://design.reopt.ai/en/explore) — concrete UI patterns.
- [Pricing](https://design.reopt.ai/en/pricing) — free tier, Pro, template packs. Machine-readable at https://design.reopt.ai/pricing.md.
- [Product overview](https://design.reopt.ai/en/product) — positioning and the builder workflow.

## Machine-readable surfaces

- `https://design.reopt.ai/llms.txt` — curated documentation map with when-to-use guidance.
- `https://design.reopt.ai/openapi.json` — OpenAPI 3.1 description of the public API.
- `https://design.reopt.ai/mcp` — streamable HTTP MCP endpoint.
- `https://design.reopt.ai/.well-known/mcp/server-card.json` — MCP server card with the full tool list.
- `https://design.reopt.ai/.well-known/ai-catalog.json` — Agentic Resource Discovery catalog.
- `https://design.reopt.ai/.well-known/agent-skills/index.json` — installable agent skills.
- `https://design.reopt.ai/.well-known/api-catalog` — RFC 9727 API catalog.
- `https://design.reopt.ai/auth.md` — how an agent obtains credentials.
- `https://design.reopt.ai/sitemap.xml` and `https://design.reopt.ai/rss.xml` — indexable URLs and updates.

## Publisher

reopt Inc. (주식회사 리옵트), 서울특별시 광진구 천호대로101길 43, 1층 14호(중곡동). Contact contact@reopt.ai.