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.

design-taste-frontend - Design high-agency responsive frontends

Provides frontend design and implementation guidance for responsive React or Next.js interfaces with calibrated visuals, motion, and interaction states.

Tags

Updated: 2026-10-16

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Design responsive React interfaces
  • Apply calibrated visual systems
  • Implement motion interactions
  • Add complete UI states
  • Verify frontend dependencies
  • Optimize layout performance

Inputs

  • Frontend requirements
  • Target repository
  • package.json
  • Framework constraints
  • Brand guidelines
  • User design preferences

Outputs

  • React or Next.js UI code
  • Responsive layouts
  • Interaction state implementations
  • Dependency installation commands

Requirements

  • React or Next.js environment
  • Access to package.json
  • Tailwind CSS support
  • Supported icon package
  • Client component support

Source

  • Spec: SKILL.md
frontend
web design
UI
React
Next.js
Tailwind CSS
responsive design
motion
Design responsive React interfaces
Apply calibrated visual systems
Implement motion interactions
Add complete UI states
Frontend requirements
Target repository
package.json
React or Next.js UI code
Responsive layouts
Interaction state implementations