LogoClawIndex
CasesSkillsAbout
LogoClawIndex

premium-frontend-ui - Crafting immersive, high-performance web user interfaces

Provides guidelines to architect immersive web applications with advanced motion design, typography, and performance optimizations.

Tags

Updated: 2026-09-18
frontenduianimationcssperformance

Capabilities

Implement preloader componentsBuild full-bleed hero sectionsCreate scroll-reactive sticky navigationConstruct scroll-driven animations

Typical Inputs

User UI component requestsTarget web framework specifications

Typical Outputs

Component layout codeCSS animation styles

What this skill does

  • Implement preloader components
  • Build full-bleed hero sections
  • Create scroll-reactive sticky navigation
  • Construct scroll-driven animations
  • Build cursor-following micro-interactions
  • Apply hardware-accelerated CSS optimizations

Inputs

  • User UI component requests
  • Target web framework specifications

Outputs

  • Component layout code
  • CSS animation styles

Requirements

  • GitHub Copilot or compatible AI assistant
  • Animation libraries like GSAP or Framer Motion

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.