← ClaudeAtlas

ls-design-websiteslisted

Design or implement premium multi-section websites and responsive page systems. Use for complete marketing, editorial, portfolio, institutional, or product websites rather than a single conversion page.
verbalogicproject-creator/L.S.Design · ★ 0 · Web & Frontend · score 72
Install: claude install-skill verbalogicproject-creator/L.S.Design
# L.S.Design Websites Build a coherent website, not a stack of interchangeable sections. ## Decision order User and repository requirements come first, followed by product and brand truth, accessibility and function, this specialist's guidance, then aesthetic defaults. ## Workflow 1. Inspect content, information architecture, existing routes, components, assets, and implementation constraints. 2. Identify the audience's primary questions and arrange pages and sections to answer them in sequence. 3. Define a visual premise and a small set of layout behaviors that can vary without losing identity. 4. Establish reusable header, footer, navigation, type, spacing, media, surface, and interaction rules. 5. Implement responsive compositions for actual content lengths and states. 6. Render and review representative pages together so local polish does not weaken system coherence. ## Quality bar - Give each page a distinct purpose while preserving recognizable system behavior. - Use composition, typography, image direction, and pacing before decorative effects. - Avoid repeated centered headline-plus-card-grid sections unless the content truly calls for them. - Use asymmetry only when reading order remains clear. - Make navigation, contact paths, legal content, and footer information complete. - Preserve semantic landmarks, heading order, focus visibility, useful link text, and robust zoom behavior. - Treat mobile as a recomposition. Protect priority content and actions instead