LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-ui - Frontend UI Development Patterns for React Applications

Provides UI-specific patterns for React frontend development

Tags

Updated: 2026-02-15

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Read frontend code
  • Edit UI components
  • Write React components
  • Use glob patterns
  • Grep through codebase
  • Execute bash commands
  • Fetch web resources
  • Search web content
  • Manage tasks

Inputs

  • React application source code
  • UI component files
  • TypeScript types
  • Tailwind CSS configuration
  • Zod schemas
  • Zustand store
  • Motion animations

Outputs

  • React components
  • UI implementations
  • Styled elements
  • Form validations
  • State management
  • Animation components

Requirements

  • React 19 environment
  • Tailwind CSS 4
  • TypeScript support
  • Node.js runtime
  • Frontend build tools
  • UI component libraries

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
react
ui
typescript
tailwind
component
Read frontend code
Edit UI components
Write React components
Use glob patterns
React application source code
UI component files
TypeScript types
React components
UI implementations
Styled elements