frontend-ui-dark-ts - Build a dark React UI system with TypeScript
Provides a dark-themed React UI system with Tailwind CSS, Framer Motion, glassmorphism utilities, layouts, and responsive styling.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Configure Tailwind styling
- Build dark React interfaces
- Add Framer Motion animations
- Define glassmorphism utilities
- Create dashboard layouts
- Configure PWA metadata
Inputs
- React TypeScript project
- UI requirements
Outputs
- React UI source files
- Tailwind and PostCSS configuration
- HTML metadata and PWA manifest
- Styled dark-theme interface
Requirements
- React 18
- React DOM 18
- React Router DOM 6
- Framer Motion 11
- Tailwind CSS 3
- Vite 5
- TypeScript 5
- npm