react-modal-patterns
OfficialBuild UI modals and forms with Tailwind.
Authororient-bot
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides standardized patterns and components for creating modals, dialogs, forms, and notifications within the Orient dashboard's frontend, ensuring consistency and reducing development time.
Core Features & Use Cases
- Consistent UI: Offers pre-defined structures for modals, forms, and notifications using plain HTML/CSS with Tailwind.
- Developer Guidance: Explicitly forbids the use of external component libraries like shadcn/ui or Radix UI, guiding developers to use the project's established patterns.
- Use Case: When building a new feature that requires user input via a modal, consult this Skill for the correct structure, styling, and input handling patterns to maintain UI consistency across the dashboard.
Quick Start
Use the react-modal-patterns skill to create a new modal component for user input.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-modal-patterns Download link: https://github.com/orient-bot/orient/archive/main.zip#react-modal-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.