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.
Decision snapshot
Is this a fit?
Data analysis, Design and media, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
2 months ago · MIT license
No specific cautions were detected. Review the source and requested permissions before installing.
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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Data analysis use cases
- Design and media use cases
Declared skill metadata
- Declared author: Microsoft
- Declared license: MIT
- Source file: .github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- 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
Verified compatibility and discovery
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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
