LogoClawIndex
CasesSkillsAbout
LogoClawIndex

web-design - Create a complete website design specification

Creates a structured website design specification covering tokens, typography, layout, components, responsive behavior, animation, and handoff structure.

Tags

Updated: 2026-09-29

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Define design tokens
  • Specify typography systems
  • Design responsive layouts
  • Inventory UI components
  • Document interaction states
  • Specify micro-animations
  • Structure Figma handoff
  • Save design specifications

Inputs

  • Project PRD
  • Research documents
  • Brand assets
  • Project requirements

Outputs

  • Structured design specification document
  • Project folder design document

Requirements

    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.
    web design
    design systems
    UI components
    responsive design
    design tokens
    Figma handoff
    Define design tokens
    Specify typography systems
    Design responsive layouts
    Inventory UI components
    Project PRD
    Research documents
    Brand assets
    Structured design specification document
    Project folder design document