scnmnt-web-ui-components v0.1.0
library
capsule://quake0day/[email protected]
Provides a collection of generic, reusable UI components based on shadcn/ui and Tailwind CSS. These components form the visual building blocks for the frontend application, offering a consistent design system.
Owns
- Basic UI elements like buttons, cards, inputs, labels, selects, etc.
- Tailwind CSS configuration and global styles
- Shadcn/ui configuration and aliases
Does not own
- Application-specific logic or state management
- Branding or content specific to SceneMint
- Backend API interactions
AI orientation
An agent working on this capsule would focus on maintaining and extending the UI component library. They should be proficient in React, TypeScript, and Tailwind CSS, ensuring components are accessible, performant, and adhere to the design system.
Avoid
- Introducing application-specific logic or state
- Hardcoding business-specific text or branding
Provides
library:React UI Components— A set of generic React components for building user interfaces.
Requires
library:React— Frontend framework for building components.library:Tailwind CSS— Utility-first CSS framework for styling.
Invariants (must always hold)
- All components must be accessible and responsive.
- Components must adhere to the established design tokens and visual style.
Source files (13)
Click any file to view its content; the path on the right shows where the file lands when this capsule is installed.
src/web/components.json→components.jsonsrc/web/src/components/ui/badge.tsx→src/components/ui/badge.tsxsrc/web/src/components/ui/button.tsx→src/components/ui/button.tsxsrc/web/src/components/ui/card.tsx→src/components/ui/card.tsxsrc/web/src/components/ui/field.tsx→src/components/ui/field.tsxsrc/web/src/components/ui/input.tsx→src/components/ui/input.tsxsrc/web/src/components/ui/label.tsx→src/components/ui/label.tsxsrc/web/src/components/ui/select.tsx→src/components/ui/select.tsxsrc/web/src/components/ui/separator.tsx→src/components/ui/separator.tsxsrc/web/src/components/ui/skeleton.tsx→src/components/ui/skeleton.tsxsrc/web/src/components/ui/sonner.tsx→src/components/ui/sonner.tsxsrc/web/src/components/ui/textarea.tsx→src/components/ui/textarea.tsxsrc/web/src/styles/global.css→src/styles/global.css
Plus capsule.yaml and
install.json.