LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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

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

Tags

Updated: 2026-10-16
frontenddesignuireactresponsive designmotion

Capabilities

Design frontend interfacesApply responsive layoutsCalibrate colors and typographyImplement interaction states

Typical Inputs

Frontend design requirementsProject repositorypackage.json

Typical Outputs

Frontend codeResponsive UI layoutsInteraction states

What this skill does

  • Design frontend interfaces
  • Apply responsive layouts
  • Calibrate colors and typography
  • Implement interaction states
  • Add motion behaviors
  • Review UI implementations
  • Verify dependencies

Inputs

  • Frontend design requirements
  • Project repository
  • package.json
  • Framework configuration
  • Existing brand guidelines
  • User-specified design preferences

Outputs

  • Frontend code
  • Responsive UI layouts
  • Interaction states
  • Motion implementations
  • Dependency installation commands
  • UI review findings

Requirements

  • React or Next.js project
  • Tailwind CSS setup
  • Access to project files
  • Permission to inspect dependencies
  • Compatible icon library when icons are used

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.