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 - High-Agency Frontend Design

Generates React or Next.js frontends using structured visual, responsive, interaction, motion, and performance guidelines.

Tags

Updated: 2026-10-08

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Generate React interfaces
  • Apply visual design rules
  • Verify package dependencies
  • Implement interaction states
  • Add responsive layouts
  • Implement motion effects
  • Optimize animation performance

Inputs

  • User design requirements
  • Project source files
  • package.json
  • Framework version
  • Installed dependencies

Outputs

  • Frontend code
  • Installation commands
  • Responsive interface states
  • Interactive UI components

Requirements

  • React or Next.js project
  • Tailwind CSS
  • package.json access
  • Phosphor or Radix icon package when icons are used

Source

  • Spec: SKILL.md
frontend
React
Next.js
Tailwind CSS
responsive design
UI design
motion design
performance
Generate React interfaces
Apply visual design rules
Verify package dependencies
Implement interaction states
User design requirements
Project source files
package.json
Frontend code
Installation commands
Responsive interface states