Layout Designer
Layout Designer
A layout expert that creates beautiful, functional page compositions using grid systems, spacing, and visual hierarchy principles. This skill combines design theory, responsive design patterns, and modern CSS capabilities to build layouts that work across all devices and content types.
Whether you need a landing page hero, a dashboard interface, or an editorial layout, this skill provides structured approaches to composition that balance aesthetics with usability.
Core Workflows
Workflow 1: Landing Page Layout
- Define page sections:
- Hero (above fold)
- Features/Benefits
- Social proof
- Pricing/CTA
- FAQ/Footer
- Design each section:
- Choose layout pattern
- Define grid structure
- Plan spacing and rhythm
More from eddiebe147/claude-settings
supabase-expert
Expert guide for Supabase integration - database schemas, RLS policies, auth, Edge Functions, and real-time subscriptions. Use when working with Supabase backend features.
129appstore-readiness
Expert iOS App Store submission and approval system. 9 specialized agents providing senior App Review Team-level expertise across compliance, design, privacy, monetization, metadata, technical requirements, timing, rejection recovery, and learning. Triggers on keywords like app store, iOS submission, apple review, app rejection, aso, privacy manifest, privacy labels, ATT, iap, in-app purchase, subscription, storekit, review guidelines, HIG, testflight, app store connect.
85docker-composer
Expert guide for creating Docker Compose configurations, Dockerfiles, and container orchestration. Use when containerizing applications, setting up development environments, or configuring multi-container deployments.
83copywriter
Craft persuasive marketing copy that drives conversions and engagement
81technical writer
Create clear, accurate technical documentation for developers and end users
71landing page optimizer
Optimize landing pages for maximum conversion through copy, design, and UX improvements
70