LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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.

high-end-visual-design - Principal UI/UX Architect and Motion Choreographer

Defines rules for high-end UI design featuring spatial layouts, double-bezel component architecture, fluid motion choreography, and strict anti-patterns.

Tags

Updated: 2026-09-23

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Enforce strict design anti-patterns
  • Apply dynamic visual layout archetypes
  • Construct double-bezel card architectures
  • Implement nested button component structures
  • Choreograph physics-based fluid motion animations
  • Apply GPU-safe animation performance guardrails

Inputs

  • UI design prompt context
  • Premium font assets
  • Ultra-light line icon sets

Outputs

  • React code
  • Tailwind CSS code
  • HTML code

Requirements

  • Tailwind CSS framework
  • React or HTML environment
  • Modern GPU-accelerated web browser

Source

  • Spec: SKILL.md
ui-design
ux-design
tailwind-css
motion-design
web-development
Enforce strict design anti-patterns
Apply dynamic visual layout archetypes
Construct double-bezel card architectures
Implement nested button component structures
UI design prompt context
Premium font assets
Ultra-light line icon sets
React code
Tailwind CSS code
HTML code