Aesthetic Analysis

This is a landing page cloning tool that uses Playwright to screenshot reference sites, then iteratively rebuilds them in React Native until they match. It walks through capturing a design, extracting colors and typography, implementing it in your target file, then comparing screenshots and refining through 3-5 iterations until the visual fidelity is right. The workflow is methodical: capture, analyze, build, screenshot your version, compare, fix gaps, repeat. It's built for Expo projects and knows to work around React Native limitations like web fonts and shadow syntax. Useful when a client says "make it look like Stripe" and you need a systematic approach rather than eyeballing it. The iteration loop is the real value here.

Install to Claude Code

npx -y skills add qodex-ai/ai-agent-skills --skill aesthetic-analysis --agent claude-code