Skills
.Work. You
Rest

design-verification-loop

Community

Sync designs with code

Design & Creative#code review#qa#subagents#figma#ui components#design verification
AuthorChoiHyunjin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that implemented code accurately matches the intended design specifications in Figma, preventing visual discrepancies and improving product quality.

Core Features & Use Cases

  • Automated Design Review: Compares UI components against Figma designs.
  • Discrepancy Reporting: Identifies and details specific visual differences.
  • Use Case: After a developer completes a ticket for a new modal window, this Skill automatically verifies that the implemented modal's spacing, colors, and layout precisely match the approved Figma design.

Quick Start

Run the design verification loop for all completed tickets.

Dependency Matrix

Required Modules

None required

Components

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-verification-loop
Download link: https://github.com/ChoiHyunjin/ai_skills/archive/main.zip#design-verification-loop

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.