LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-taste-frontend - High-Agency Frontend Design Engineering

Builds React or Next.js interfaces with metric-based design rules, structured components, responsive styling, interaction states, and motion performance safeguards.

Tags

Updated: 2026-10-08
frontend developmentUI/UX designReactNext.jsTailwind CSSresponsive designmotion designdesign systems

Capabilities

Build React interfacesVerify package dependenciesApply Tailwind stylingImplement responsive layouts

Typical Inputs

User design requirementsProject package.jsonExisting project files

Typical Outputs

Frontend component codeDependency installation commandsResponsive interface layouts

What this skill does

  • Build React interfaces
  • Verify package dependencies
  • Apply Tailwind styling
  • Implement responsive layouts
  • Add interactive UI states
  • Optimize motion performance
  • Enforce design constraints

Inputs

  • User design requirements
  • Project package.json
  • Existing project files
  • Selected technology stack

Outputs

  • Frontend component code
  • Dependency installation commands
  • Responsive interface layouts
  • Loading and error states
  • Interactive motion behaviors

Requirements

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

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.