Skills
.Work. You
Rest

team-shinchan:design-review

Community

Detect UI design-implementation gaps fast

Design & Creative#design-review#visual-diff#design-implementation#qa-workflow#ui-fidelity#mismatch-report
Authorseokan-jeong
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps product teams ensure that UI designs faithfully translate into implemented interfaces by automatically identifying mismatches between design mockups and code.

Core Features & Use Cases

  • Design fidelity checks: compare mockups to implemented UI to surface discrepancies in components, layout, colors, and typography.
  • Guided design review: generate actionable reports to drive design-to-code alignment during handoffs, reviews, and post-change validation.
  • Use Case: When a design update lands, run a fidelity pass to confirm the new spec is reflected in the UI before release.

Quick Start

Provide the path to the design mockup image and the corresponding implementation path to begin the design fidelity review.

Dependency Matrix

Required Modules

None required

Components

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: team-shinchan:design-review
Download link: https://github.com/seokan-jeong/team-shinchan/archive/main.zip#team-shinchan-design-review

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.