Skills
.Work. You
Rest

design-implementation-reviewer

Community

Verify UI implementations align with Figma designs.

Design & Creative#UI#Playwright#design-system#pixel-perfect#Figma#design-review
Authori3ringit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams ensure that implemented UI components faithfully reflect the approved Figma designs, reducing visual regressions and design drift.

Core Features & Use Cases

  • Visual comparison workflow: captures live UI states and compares against design specs.
  • Design-system fidelity: audits typography, spacing, colors, and components against tokens from Figma.
  • Feedback & remediation: generates actionable fixes and a structured review for developers.

Quick Start

Run a design-implementation-review for the hero component against the Figma design to generate a structured feedback report.

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: design-implementation-reviewer
Download link: https://github.com/i3ringit/antigravity-cortex/archive/main.zip#design-implementation-reviewer

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 471,000+ vetted skills library on demand.