Overview
What raft-ui is
raft-ui is the React implementation of the Raft Design System, the design system used to build Raft. The raft-ui package includes CSS foundations, composable React components, and light and dark modes.
Start with your agent
Copy this prompt and add your task:
Use raft-ui, the React implementation of the Raft Design System, for this project. Use its shared tokens and components where they fit the project. Plain HTML can use foundation.css without React or Tailwind.
Read https://raft-design.botiverse.build/guides/overview and follow the guides relevant to the task. Match the existing project setup. For version-specific APIs, use node_modules/raft-ui/dist/index.d.mts; matching guides are in node_modules/raft-ui/skills/raft-ui-guide/rules/.
Skills are optional. Only install them when requested.Guides
| Task | Guide |
|---|---|
| Adopting raft-ui in an existing project | Adoption |
| Technical foundations | Technical overview |
| Compose or adapt UI | Composition, Styling |
| Chat and collaboration | Conversation |
| Dashboards and workspaces | Layout, Forms, Feedback |
| Dialogs, menus, and tooltips | Overlays |
| Typography, avatars, code, and files | Display |
| Exact component APIs | API lookup |