LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-taste-frontend - Design high-agency, responsive frontend interfaces

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

Tags

Updated: 2026-10-16

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Build React or Next.js interfaces
  • Apply responsive layout rules
  • Calibrate color and typography
  • Implement complete UI states
  • Verify frontend dependencies
  • Review high-agency UI

Inputs

  • Frontend requirements
  • Target repository
  • package.json
  • Framework versions
  • Installed dependencies
  • Brand system
  • Platform conventions

Outputs

  • Frontend UI implementation
  • Design review recommendations
  • Dependency installation commands
  • Responsive interaction states

Requirements

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

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.
frontend
design
ui
react
Build React or Next.js interfaces
Apply responsive layout rules
Calibrate color and typography
Implement complete UI states
Frontend requirements
Target repository
package.json
Frontend UI implementation
Design review recommendations
Dependency installation commands