LogoClawIndex
CasesSkillsAbout
LogoClawIndex

bold-frontend-design - Bold Frontend Design Skill

Creates production-grade frontend interfaces with intentional design thinking, bold typography, distinctive colors, and high-impact animations

Tags

Updated: 2026-06-15
frontenddesignReactNext.js3DanimationsUI/UXtypographyFramer MotionReact Three Fiber

Capabilities

create frontend interfacesimplement 3D visualizationsbuild landing pagesdesign hero sections

Typical Inputs

Next.js or React applicationDesign requirementsnpm packages

Typical Outputs

Frontend interface codeLanding pagesHero sections

What this skill does

  • create frontend interfaces
  • implement 3D visualizations
  • build landing pages
  • design hero sections
  • configure typography system
  • define color palette
  • implement animations
  • validate design

Inputs

  • Next.js or React application
  • Design requirements
  • npm packages
  • Server URL

Outputs

  • Frontend interface code
  • Landing pages
  • Hero sections
  • 3D visualizations
  • Animated components
  • Design validation report

Requirements

  • Next.js or React environment
  • claude-sonnet-4-5-20250929 model
  • npm packages
  • Chrome DevTools
  • Local development server

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.