aesthetic-analysis

Installation
SKILL.md

Landing Page Redesign

Instructions

When requested to redesign a landing page based on a reference:

1. User Interview

  • If not provided in the initial request, ask the user for:
    • Reference URL or Image: The landing page or design to replicate (can be a live website URL or an image URL)
    • Target Page: Which file in the codebase should receive the design (e.g., app/(tabs)/index.tsx, app/landing.tsx)
  • If details are provided in the initial request, skip to step 2

2. Capture Reference Design

  • Use Playwright MCP to open the reference URL:
    • Navigate to the page
    • Take a full-page screenshot to understand structure
    • Interact with the website, mouse hover, click around
    • Analyze the page deeply
  • Analyze the landing page/image for:
Related skills
Installs
119
GitHub Stars
13
First Seen
Jan 22, 2026