ui-approval-gate
CommunityApprove UI before coding.
Authorbuddypia
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that UI designs and wireframes are reviewed and approved by stakeholders before any code is written, preventing costly rework and ensuring alignment with project requirements.
Core Features & Use Cases
- Automated Wireframe Generation: Creates visual representations (SVG diagrams, ASCII layouts) of UI based on specifications.
- Pipeline Visualization: Shows the current stage of the development pipeline.
- Before/After Comparison: For modifications, clearly highlights changes from the existing UI.
- Use Case: Before implementing a new user profile page, this Skill generates a wireframe, presents it for review, and requires explicit approval, ensuring the developer builds exactly what the designer and product manager intended.
Quick Start
Use the ui-approval-gate skill to review the wireframes for the new user dashboard feature.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: ui-approval-gate Download link: https://github.com/buddypia/kaiju-voice/archive/main.zip#ui-approval-gate 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.