UI/UX BOOST
FeaturesInstallGitHub
/
CLAUDE CODE SKILL
UI/UX BOOST

Turns Figma into code.
Checks every pixel with screenshots. No AI look.

Install Source Code
SCROLL
PIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFULPIXEL-PERFECT · ANTI-SLOP · RESPONSIVE · SCREENSHOT-VERIFIED · FIGMA-FAITHFUL
SCREENSHOT
VERIFIED
UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026UI/UX BOOST · ANTAGONIST TO AI SLOP · PIXEL PERFECT · 2026
FIGMA
to Code
FEATURES

What it
actually does.

terminal
$ /figma-faithful
> UI/UX BOOST activated
send the figma link.
$ figma.com/design/abc...
> reading tokens...
> fonts: Estrella + DM Sans
> building 1/5...
+ 375px ok
+ 1440px ok
SCREENSHOT LOOP

Build. Check. Fix.

Takes screenshots at every screen size and compares them to your Figma. Fixes what doesn't match.

FIGMA
↔
BUILD
+ 98% match
AI PATTERN FILTER

Blocks 40+ AI patterns.

xInter / Roboto
xPurple gradients
x3 identical cards
xGlassmorphism
xEmoji as icons
xUniform radius
xStock hero images
HOW IT WORKS

Step by
step.

Five steps. Each one is checked with screenshots before moving on.

01
EXTRACT

Reads fonts, colors, spacing from Figma

02
BUILD

Writes the code, mobile-first

03
SCREENSHOT

Takes screenshots at each size

04
COMPARE

Compares screenshots to Figma

05
FIX & SHIP

Fixes differences and deploys

EXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIPEXTRACT · IMPLEMENT · SCREENSHOT · COMPARE · SHIP
IF IT LOOKS LIKE AI MADE IT, IT'S WRONG.
▣

Figma Reading

Pulls fonts, colors, spacing, and assets from your Figma file.

┙

All Screen Sizes

Tested from 320px to 2560px. Works on everything.

◉

No Figma Mode

Don't have Figma? It guides you through building from scratch.

▸

Animations

Adds scroll, hover, and transition effects automatically.

LIVE DEMO

See it
running.

INSTALL

One command.
That's it.

Copy the skill folder to ~/.claude/skills/ and run it.

Copied!$ /figma-faithfulCopy
Download ZIPView on GitHub
# clone the repo
$ git clone https://github.com/ojozinho/uiux-boost
$ cp -r uiux-boost/skills/figma-faithful ~/.claude/skills/
# open claude code and run
$ /figma-faithful
> UI/UX BOOST activated