LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-ui-dark-ts - Dark React UI system for TypeScript applications

Provides a dark-themed React UI system with Tailwind CSS, Framer Motion animations, glassmorphism styles, and components for dashboards and data-rich applications.

Tags

Updated: 2026-09-30

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Build dark React interfaces
  • Configure Tailwind design tokens
  • Add Framer Motion animations
  • Create reusable UI components
  • Set up client-side routing
  • Define PWA metadata

Inputs

  • React project
  • Application metadata
  • Static assets
  • Font files

Outputs

  • React and TypeScript UI files
  • Tailwind and PostCSS configuration
  • Dark theme styles
  • HTML and PWA metadata

Requirements

  • React 18.x
  • React DOM 18.x
  • React Router DOM 6.x
  • Framer Motion 11.x
  • Tailwind CSS 3.x
  • Vite 5.x
  • TypeScript 5.x
  • clsx 2.x

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.
React
TypeScript
Tailwind CSS
Framer Motion
dark theme
dashboards
admin panels
glassmorphism
Build dark React interfaces
Configure Tailwind design tokens
Add Framer Motion animations
Create reusable UI components
React project
Application metadata
Static assets
React and TypeScript UI files
Tailwind and PostCSS configuration
Dark theme styles