react
Installation
SKILL.md
React Component Writing Guide
Styling
| Scenario | Approach |
|---|---|
| Most cases | createStaticStyles + cssVar.* (zero-runtime, module-level) |
| Simple one-off | Inline style attribute |
Truly dynamic (JS color fns like readableColor/chroma) |
createStyles + token — last resort |
Component Priority
src/components— project-specific reusable components@lobehub/ui/base-ui— headless primitives (Select, Modal, DropdownMenu, Popover, Switch, ScrollArea…)@lobehub/ui— higher-level components (ActionIcon, Markdown, DragPage…)- Custom implementation — last resort; never reach for antd directly
If unsure about available components, search existing code or check node_modules/@lobehub/ui/es/index.mjs.