LogoClawIndex
CasesSkillsAbout
LogoClawIndex

h-frontend-design - Frontend UI/UX design reference and guidance

Provides UI/UX design guidance across typography, color, spatial layout, motion, interaction, responsive design, and UX writing.

Tags

Updated: 2026-09-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Establish project context and constraints
  • Provide typography design guidance
  • Provide color and contrast guidance
  • Provide spatial layout design guidance
  • Provide motion design guidance
  • Provide interaction design guidance
  • Provide responsive design guidance
  • Provide UX writing guidance
  • Classify objective blockers and heuristics
  • Inspect workflow states and evidence

Inputs

  • Project documentation and UI patterns
  • Project dependencies and routes
  • Design system tokens and components
  • Consuming project requirements

Outputs

  • Frontend UI/UX design guidance
  • Anti-pattern evaluation report

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.
    frontend
    ui-design
    ux-design
    typography
    color
    layout
    interaction-design
    responsive-design
    Establish project context and constraints
    Provide typography design guidance
    Provide color and contrast guidance
    Provide spatial layout design guidance
    Project documentation and UI patterns
    Project dependencies and routes
    Design system tokens and components
    Frontend UI/UX design guidance
    Anti-pattern evaluation report