Coordinate consistent modal and dialog components across HR-IMS frontends.
npx skills add https://github.com/Arnutt-N/hr-ims --skill modal-manager
Please help me install this Agent Skill. Skill: modal-manager Source: https://github.com/Arnutt-N/hr-ims/tree/main/.claude/skills/modal-manager Command: npx skills add https://github.com/Arnutt-N/hr-ims --skill modal-manager
Dialog and modal patterns are inconsistently implemented across HR-IMS, leading to UX confusion and maintenance overhead.
Install the modal-manager in your HR-IMS frontend and start using the provided Dialog, ConfirmDialog, FormModal, Sheet, and AlertDialog components to standardize user interactions.
High-intent search queries and answers about installing and using this skill.
Accessible React modal components require proper ARIA roles, keyboard interactions, and consistent styling. This Skill provides reusable building blocks like ConfirmDialog and AlertDialog to standardize these UX patterns across frontend interfaces without manual accessibility wiring.
Standardizing dialog and modal patterns involves implementing centralized, reusable components. This Skill coordinates confirmation dialogs, form modals, and side sheets with consistent design and accessible interactions, reducing UX confusion and maintenance overhead across HR-IMS applications.
Yes, this modal system supports side sheets and alert dialogs alongside standard form modals. It implements a comprehensive set of reusable base components, including Dialog, Sheet, ConfirmDialog, FormModal, and AlertDialog, to cover diverse user interaction requirements.
Fixing inconsistent dialog UX requires a centralized modal system with reusable building blocks. This Skill resolves fragmented implementations by providing accessible, design-consistent components for confirmations, data-entry, and alerts, ensuring uniform behavior across all pages.
Yes, you can build accessible dialog and modal interfaces using radix-ui patterns. This Skill leverages these patterns to implement components with proper ARIA roles and keyboard interactions, ensuring seamless and accessible frontend user experiences.
A centralized modal manager should be used when dialog patterns become inconsistent across multiple pages. This Skill provides reusable base components to ensure design consistency, accessible ARIA roles, and standardized keyboard interactions throughout your frontend application.
sahaja9707Initialize and configure shadcn/ui projects with React components and Tailwind CSS.
KazmerMaximilianoGenerate a Neus UI modal pattern with trigger button and confirmation handlers.
jubalmAutomate advanced shadcn/ui integration patterns for forms, tables, and modals.
fellipeutakaBuild accessible React components with hooks managing ARIA attributes and keyboard interactions.
