LogoClawIndex
CasesSkillsAbout
LogoClawIndex

Layout Designer - Design responsive page layouts and grid systems.

Creates functional page layouts and grid systems using spacing, design theory, and visual hierarchy principles.

Tags

Updated: 2026-09-22
layoutgriddesigncompositionui

Capabilities

Design landing page layoutsDesign dashboard application layoutsDesign editorial content layoutsCreate custom grid systems

Typical Inputs

Layout requirementsInformation architectureContent specifications

Typical Outputs

Layout specification documentHTML and CSS layout codeGrid framework configuration

What this skill does

  • Design landing page layouts
  • Design dashboard application layouts
  • Design editorial content layouts
  • Create custom grid systems
  • Define responsive breakpoint strategies

Inputs

  • Layout requirements
  • Information architecture
  • Content specifications

Outputs

  • Layout specification document
  • HTML and CSS layout code
  • Grid framework configuration

Requirements

  • ui-builder skill
  • Playwright
  • WebSearch
  • Midjourney

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.