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-30Capabilities
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
