LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-design - Production-Grade React Frontend Design

Create distinctive production-grade frontend interfaces with React frameworks

Tags

Updated: 2026-03-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create web components
  • Build React applications
  • Style with Tailwind CSS
  • Implement shadcn/ui components
  • Add Motion animations
  • Create visual designs
  • Configure responsive layouts
  • Implement accessible UI

Inputs

  • Design prompt
  • React framework
  • Configuration files
  • Content assets

Outputs

  • Styled components
  • Web applications
  • Visual designs
  • Brand materials

Requirements

  • React framework
  • Tailwind CSS v4
  • shadcn/ui library
  • Motion animation library
  • Design specifications

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.
React
Frontend
UI Design
Tailwind CSS
shadcn/ui
Animation
Web Development
Create web components
Build React applications
Style with Tailwind CSS
Implement shadcn/ui components
Design prompt
React framework
Configuration files
Styled components
Web applications
Visual designs