design-discrepancy
CommunitySurface design vs. implementation gaps.
Authornonlinear
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Aligns reference designs (Figma/docs) with live UI to reveal gaps that cause rework and QA delays.
Core Features & Use Cases
- Surface discrepancies between design specs and implemented UI via Chrome Relay.
- Generate structured, action-ready reports and keep progress tracked in MD/Excel.
- Trigger on demand with phrases like "compare X with Y" or "design vs live site" for audits.
Quick Start
Provide Figma link and live URL, ensure Relay is ON, then run a discrepancy check against the target page.
Dependency Matrix
Required Modules
openpyxl
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-discrepancy Download link: https://github.com/nonlinear/skills/archive/main.zip#design-discrepancy 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.