landing-page-breakdown
Landing Page Breakdown
Deep analysis of landing page design using screenshots and computed styles to extract actionable specifications, visual style characteristics, and conversion insights.
Workflow Overview
- Capture - Visit the page and save screenshots to
screenshots/folder - Describe - Use screenshots to describe visual design in detail
- Extract - Analyze design elements via JavaScript extraction
- Analyze - Evaluate typography, colors, spacing, surfaces, blocks, and copy
- Report - Generate
report.mdwith findings and embedded screenshots
Output Structure
output/
More from marsolab/skills
sys-arch
Design production-grade software systems with expert knowledge of architecture patterns, distributed systems, cloud platforms, and operational excellence. Use this skill when architecting complex systems, evaluating technology choices, designing scalable infrastructure, or making critical architectural decisions requiring trade-off analysis.
22front-dev
>-
22go-dev
>-
21copy
Professional copywriter for SaaS and startups. Expert in landing page copy, positioning, messaging, conversion optimization, and voice-of-customer research. Use when writing compelling copy for SaaS products, landing pages, marketing materials, or when you need help with product positioning and messaging strategy.
12apple-dev
Comprehensive macOS and iOS development expertise covering Swift best practices, SwiftUI design patterns, Human Interface Guidelines, Apple frameworks, and performance optimization. Use when developing native Apple applications, implementing SwiftUI interfaces, working with Apple frameworks (Foundation, UIKit, AppKit, Core Data, CloudKit, etc.), optimizing app performance, following HIG principles, or writing production-quality Swift code for iOS, macOS, watchOS, or tvOS platforms.
6go-sql
>-
2