aesthetic-analysis
OfficialReplicate designs with precision.
Authorqodex-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of redesigning web pages or application screens to match a given visual reference, ensuring brand consistency and high-fidelity design implementation.
Core Features & Use Cases
- Visual Deconstruction: Analyzes reference designs for layout, color, typography, and interactive elements.
- Automated Implementation: Translates design patterns into code (React Native/Expo).
- Iterative Refinement: Compares implemented designs against references and makes targeted adjustments.
- Use Case: A marketing team wants to update their app's landing page to match a new campaign's visual style. This Skill can take a screenshot or URL of the desired design and update the existing landing page code to match.
Quick Start
Use the aesthetic-analysis skill to make the file app/(tabs)/index.tsx look like the website at https://stripe.com/payments.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: aesthetic-analysis Download link: https://github.com/qodex-ai/ai-agent-skills/archive/main.zip#aesthetic-analysis 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.