Layout
AI Skills for Reaviz Projects
npx -y skills add reaviz/skills --skill layoutAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.1 KB, as published. Nobody here has run it
Layout
Structural and container components for organizing page content and navigation flow. Includes content containers, collapsible sections, dividers, form fields, lists, tabs, trees, and animation wrappers.
Components
| Component | Description |
|---|---|
| Breadcrumbs | Navigation breadcrumb trail with composable sub-components |
| Card | Content container with optional header, padding, border |
| Collapse | Animated expand/collapse panel (height + opacity transition) |
| Divider | Horizontal/vertical separator line with variant colors |
| Field | Form field wrapper with label, hint, error, required indicator |
| List | Structured list with ListItem (adornments, active, clickable) and ListHeader |
| MotionGroup / MotionItem | Staggered animation wrappers using Framer Motion |
| Stepper | Multi-step progress indicator (dots or numbered, with labels) |
| Tabs | Tabbed navigation with TabList, Tab, TabPanel and animated indicator |
| Tree | Hierarchical tree view with expandable TreeNode and custom icons |