← All skills

ui-visual-parity

90 / 100 · Low risk

Fine to try.

By harrychuang/cursor-skills (GitHub) · design · 19 stars · scanned at commit f005e4d

Compare an implemented UI against a reference and fix the visual differences until the two match in detail. The reference can be a Figma file or frame, a design export or screenshot, or another platform's source code — a web implementation used as the truth for an app, or an app implementation used as the truth for web. Use when an app or web UI does not match its design, when spacing, type, colours, borders, or icons are slightly off, when porting a screen between web and React Native / Flutte…

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

harrychuang/cursor-skills has 1 more folder with a skill named ui-visual-parity. This page shows the lowest-scoring copy.

• create-design-workspace/assets/template/.claude/skills/ui-visual-parity 100/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'ui-visual-parity' ] || [ -L ~/.agents/skills/'ui-visual-parity' ]; then echo 'A skill folder named ui-visual-parity already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/harrychuang/cursor-skills' "$d" && git -C "$d" checkout --quiet 'f005e4d5aae95149b69912b89ea95b46c90cce0b' -- 'ui-visual-parity' && mkdir -p ~/.agents/skills && cp -R "$d"/'ui-visual-parity' ~/.agents/skills/'ui-visual-parity' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui-visual-parity' ~/.claude/skills/'ui-visual-parity' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for harrychuang/cursor-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/harrychuang/cursor-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/harrychuang/cursor-skills/)

Score history