design-guard
CommunityUnified design review system
Authortimothyshen
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the design review process by providing a comprehensive, multi-layered system that checks for visual appeal, user experience, technical feasibility, and compliance, ensuring high-quality and consistent design outputs.
Core Features & Use Cases
- Multi-Layered Review: Conducts a 6-layer review covering visual hierarchy, interaction design, responsiveness, performance, accessibility, and design system consistency.
- Mode Selection: Supports full, quick, or compliance-only review modes.
- Use Case: A UI/UX designer can use this Skill to perform a thorough review of a new component before it's handed off to development, catching potential issues early.
Quick Start
Run a full design review on the src/Button.tsx file.
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: design-guard Download link: https://github.com/timothyshen/word-game/archive/main.zip#design-guard 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.