LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-taste-frontend - Engineer high-agency React interfaces

Design and implement React or Next.js interfaces using metric-based rules, strict component architecture, responsive layouts, and performance-conscious motion.

Tags

Updated: 2026-10-08
frontendUI/UXReactNext.jsTailwind CSSresponsive designmotion design

Capabilities

Apply metric-based design rulesEnforce component architectureVerify frontend dependenciesImplement responsive layouts

Typical Inputs

User design promptspackage.jsonExisting project files

Typical Outputs

React or Next.js frontend codeTailwind CSS styling codeResponsive interactive interfaces

What this skill does

  • Apply metric-based design rules
  • Enforce component architecture
  • Verify frontend dependencies
  • Implement responsive layouts
  • Implement interactive UI states
  • Optimize transform animations
  • Apply Tailwind styling

Inputs

  • User design prompts
  • package.json
  • Existing project files

Outputs

  • React or Next.js frontend code
  • Tailwind CSS styling code
  • Responsive interactive interfaces
  • Dependency installation commands

Requirements

  • React or Next.js environment
  • Tailwind CSS v3 or v4
  • package.json access
  • Client Components support for interactive UI

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.