Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces with a refined dark aesthetic.
Install
npx skills add microsoft/skills --skill frontend-ui-dark-tsnpx skills add microsoft/skills --skill frontend-ui-dark-ts -a claude-code -gnpx skills add microsoft/skills --skill frontend-ui-dark-ts -a codex -ggemini skills install https://github.com/microsoft/skills.git --path .github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-tsgh skill install microsoft/skills frontend-ui-dark-tsgit clone --depth 1 https://github.com/microsoft/skills /tmp/microsoft__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/microsoft__skills/.github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts ~/.claude/skills/frontend-ui-dark-ts # Claude Code
cp -R /tmp/microsoft__skills/.github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts ~/.agents/skills/frontend-ui-dark-ts # Codex, Cursor, Gemini CLI, Copilot, OpenCode