Frontend Ui Dark Ts

A solid foundation for building dark-themed admin panels and dashboards without starting from scratch. You get a pre-configured stack with React 18, Tailwind, and Framer Motion, plus a thoughtful color system built around purple accents and six neutral background tones for depth. The Tailwind config includes practical stuff like safe area insets for mobile notches and minimum touch targets at 44px. It ships with glassmorphism utilities and glow effects already set up, which saves you from reinventing those CSS tricks. The component structure is basic but organized. Good for data-heavy apps where you want a modern dark aesthetic without the usual two hours of color tweaking and animation setup.

skills.sh installs: 858
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill frontend-ui-dark-ts --agent claude-code

Installs into .claude/skills of the current project.

Files

Frontend UI Dark Theme (TypeScript)

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.