LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-taste-frontend - Build expressive, responsive frontend interfaces

Provides frontend design and implementation guidance for responsive layouts, calibrated visual systems, interaction states, and motion.

Tags

Updated: 2026-10-16
frontenddesignuireactresponsive designmotion

Capabilities

Design frontend interfacesApply responsive layoutsCalibrate typography and colorImplement interaction states

Typical Inputs

Frontend requirementsTarget repositorypackage.json

Typical Outputs

Frontend implementation filesDependency installation commandsResponsive UI layouts

What this skill does

  • Design frontend interfaces
  • Apply responsive layouts
  • Calibrate typography and color
  • Implement interaction states
  • Verify dependencies
  • Optimize animation performance

Inputs

  • Frontend requirements
  • Target repository
  • package.json
  • Existing brand guidelines
  • Framework configuration

Outputs

  • Frontend implementation files
  • Dependency installation commands
  • Responsive UI layouts
  • Interactive loading, empty, and error states

Requirements

  • React or Next.js project
  • Tailwind CSS
  • Repository access
  • Dependency inspection access

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.