vendix-frontend-modal
CommunityStandardize frontend modals with modal-first patterns.
AuthorRzyfront
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill defines a robust pattern for implementing modals in the Vendix frontend, promoting consistency, accessibility, and predictable state management.
Core Features & Use Cases
- Modal-First Architecture: Build modals using the app-modal wrapper and enforce a single-view approach for CRUD workflows.
- System Components Only: Inside modals, always use system components (app-input, app-selector, app-textarea) to avoid custom HTML controls and event conflicts.
- Two-Way State Binding: Use isOpen and isOpenChange to control visibility and prevent common Angular change-detection errors.
Quick Start
Use the vendix-frontend-modal pattern to create a new modal for a component by reusing the app-modal wrapper and wiring isOpen/isOpenChange for two-way binding.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: vendix-frontend-modal Download link: https://github.com/Rzyfront/Vendix/archive/main.zip#vendix-frontend-modal 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 223,000+ vetted skills library on demand.