LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-design - React-based Frontend Design

Create production-grade frontend interfaces with React, Tailwind CSS, and shadcn/ui components

Tags

Updated: 2026-03-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • build UI components
  • create web pages
  • style with Tailwind CSS
  • implement shadcn/ui components
  • add animations
  • create visual designs
  • create brand materials
  • design accessible components
  • implement dark mode

Inputs

  • React framework project
  • design requirements
  • component specifications

Outputs

  • React components
  • web interfaces
  • styled pages
  • animations
  • visual designs

Requirements

  • React environment
  • Tailwind CSS v4
  • shadcn/ui
  • Motion framework

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
design
React
UI components
Tailwind CSS
shadcn/ui
animation
build UI components
create web pages
style with Tailwind CSS
implement shadcn/ui components
React framework project
design requirements
component specifications
React components
web interfaces
styled pages