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 - Create high-agency frontend interfaces

Guides React or Next.js frontend design with strong typography, spacing, motion, responsive layouts, and anti-slop constraints.

Tags

Updated: 2026-10-15

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Set visual design baselines
  • Apply typography and color rules
  • Build responsive React layouts
  • Implement interactive UI states
  • Add motion and transitions
  • Verify frontend dependencies
  • Enforce anti-emoji conventions

Inputs

  • User design instructions
  • Project package.json
  • React or Next.js project

Outputs

  • Frontend code
  • Responsive web interface
  • Loading, empty, and error states
  • Dependency installation commands

Requirements

  • React or Next.js
  • Tailwind CSS
  • Access to package.json

Source

  • Spec: SKILL.md
frontend
React
Next.js
Tailwind CSS
responsive design
motion design
visual design
creative direction
Set visual design baselines
Apply typography and color rules
Build responsive React layouts
Implement interactive UI states
User design instructions
Project package.json
React or Next.js project
Frontend code
Responsive web interface
Loading, empty, and error states