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-v1 - Generate high-agency React and Next.js frontends

Generates responsive React or Next.js interfaces using opinionated visual, interaction, motion, layout, and performance directives.

Tags

Updated: 2026-10-08

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Generate React interfaces
  • Generate Next.js interfaces
  • Verify package dependencies
  • Apply Tailwind styling
  • Implement interactive states
  • Implement motion patterns
  • Enforce responsive layouts
  • Optimize animation performance

Inputs

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

Outputs

  • Frontend code
  • Responsive user interface
  • Interactive UI states
  • Package installation commands

Requirements

  • React or Next.js project
  • Tailwind CSS
  • package.json access
  • Approved icon package
  • Framer Motion for advanced motion

Source

  • Spec: SKILL.md
frontend
react
nextjs
tailwind-css
ui-design
responsive-design
motion-design
performance
Generate React interfaces
Generate Next.js interfaces
Verify package dependencies
Apply Tailwind styling
User design requirements
package.json
Existing project files
Frontend code
Responsive user interface
Interactive UI states