frontend-ui-dark-ts
✓使用具有自定义主题、玻璃形态效果和 Framer Motion 动画的 Tailwind CSS 构建深色主题的 React 应用程序。在创建具有精致深色美感的仪表板、管理面板或数据丰富的界面时使用。
SKILL.md
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.
| 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 |
The HTML entry point with mobile viewport, favicons, and social meta tags:
使用具有自定义主题、玻璃形态效果和 Framer Motion 动画的 Tailwind CSS 构建深色主题的 React 应用程序。在创建具有精致深色美感的仪表板、管理面板或数据丰富的界面时使用。 来源：microsoft/agent-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-ts- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 frontend-ui-dark-ts？
使用具有自定义主题、玻璃形态效果和 Framer Motion 动画的 Tailwind CSS 构建深色主题的 React 应用程序。在创建具有精致深色美感的仪表板、管理面板或数据丰富的界面时使用。 来源：microsoft/agent-skills。
如何安装 frontend-ui-dark-ts？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-ts 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/microsoft/agent-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01