modal-patterns
CommunityStandardize UI modals for consistency.
Authorernitpt
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures all modal and bottom sheet components in the Ernit app adhere to a unified design system, improving user experience and developer efficiency.
Core Features & Use Cases
- Consistent Structure: Enforces a standard layout and behavior for all modals.
- Design Token Adherence: Mandates the use of predefined design tokens for styling.
- Accessibility Compliance: Ensures modals meet accessibility standards for touch targets and labels.
- Use Case: When building a new feature that requires a confirmation dialog or a user input modal, use this Skill to guarantee it matches the app's established look, feel, and interaction patterns.
Quick Start
Apply the modal-patterns skill to ensure the new user feedback modal follows all established guidelines.
Dependency Matrix
Required Modules
None requiredComponents
referencesscripts
💻 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: modal-patterns Download link: https://github.com/ernitpt/ernit_test/archive/main.zip#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.