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.

frontend-design - Create distinctive, production-grade frontend interfaces

Build web components, pages, and applications with creative, polished code and distinctive UI design

Tags

Updated: 2026-03-10

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create web components
  • build web pages
  • develop applications
  • design interfaces
  • implement layouts
  • write HTML code
  • write CSS code
  • write JavaScript code
  • create React components
  • create Vue components
  • style web UI
  • apply animations
  • design typography
  • implement color schemes
  • create backgrounds

Inputs

  • frontend requirements
  • component specifications
  • page specifications
  • application requirements
  • technical constraints
  • purpose context
  • audience context

Outputs

  • HTML/CSS/JS code
  • React code
  • Vue code
  • interactive UI
  • web interface files

Requirements

  • web browser rendering
  • code execution permission
  • frontend development environment

Source

  • Spec: SKILL.md
frontend
web design
UI
web development
component design
interface design
React
Vue
HTML
CSS
JavaScript
create web components
build web pages
develop applications
design interfaces
frontend requirements
component specifications
page specifications
HTML/CSS/JS code
React code
Vue code