sickn33/antigravity-awesome-skills/frontend-ui-dark-ts
- community
Checking that the SKILL.md file is still in the repository.
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.
Install
npx vskill@latest install sickn33/antigravity-awesome-skills/frontend-ui-dark-tsSKILL.md
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.
Color Usage
| Use Case | Color | Class | |
|---|---|---|---|
| Primary action | Brand purple | bg-brand text-white | |
| Primary hover | Brand hover | hover:bg-brand-hover | |
| Page background | Neutral bg1 | bg-neutral-bg1 | |
| Card background | Neutral bg2 | bg-neutral-bg2 | |
| Elevated surface | Neutral bg3 | bg-neutral-bg3 | |
| Input background | Neutral bg2 | bg-neutral-bg2 | |
| Input focus | Neutral bg3 | focus:bg-neutral-bg3 | |
| Border default | Border default | border-border | |
| Border subtle | Border subtle | border-border-subtle | |
| Success | Status success | text-status-success | |
| Warning | Status warning | text-status-warning | |
| Error | Status error | text-status-error |
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationWarning, 79 of 100Marginal. 1 run. Evaluated 7 months ago.
Source
- SKILL.md in the repositoryCheckingskills/frontend-ui-dark-ts/SKILL.md
Popularity
- Repository stars
- 27,563
- Repository forks
- 4,640
- Repository npm downloads, 7 days
- 6,478
- 7-day trend score
- 72
Stars and forks are for the whole GitHub repository, not this skill alone. Downloads are for the repository's npm package. Refreshed 22 Mar 2026, 7 months ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/sickn33/antigravity-awesome-skills/frontend-ui-dark-ts)