frontend-ui-dark-ts Skill
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. Published by microsoft in skills.
What is frontend-ui-dark-ts Skill?
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. Published by microsoft in skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Data analysis use cases
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use frontend-ui-dark-ts Skill
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/skills
- Skill file: .github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts/SKILL.md
What it does
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.
Skill instructions
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. Stack | Package | Version | Purpose | |---------|---------|---------| | react | ^18.x | UI framework | | react-dom | ^18.x | DOM rendering | | react-router-dom | ^6.x | Routing | | framer-motion | ^11.x | Animations | | clsx | ^2.x | Class merging | | tailwindcss | ^3.x | Styling | | vite | ^5.x | Build tool | | typescript | ^5.x | Type safety | Quick Start bash npm create vite@latest my-app -- --template react-ts cd my-app npm install framer-motion clsx react-router-dom npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p Project Structure public/ ├── favicon.ico Classic favicon (32x32) ├── favicon.svg Modern SVG favicon ├── apple-touch-icon.png iOS home screen (180x180) ├── og-image.png Social sharing image (1200x630) └── site.webmanifest P
Explore related resources
Frequently asked questions
What is frontend-ui-dark-ts?
frontend-ui-dark-ts is a open-source AI agent skill with Copy skill directory. Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.
Who is frontend-ui-dark-ts best for?
frontend-ui-dark-ts is best for reusing agent instructions, scripts, and references, data analysis workflows, design and media workflows.
How do I install frontend-ui-dark-ts?
Install or run frontend-ui-dark-ts using Copy skill directory. Check frontend-ui-dark-ts for the latest setup command.
Is frontend-ui-dark-ts actively maintained?
frontend-ui-dark-ts may need a closer maintenance check before production use.
Auto-fetched from GitHub.
