React 深色界面开发

原名：frontend-ui-dark-ts

用 React、TypeScript、Tailwind CSS 和动效组件构建清晰的深色后台界面。

中文 Skills 技能说明

适合数据看板、管理后台和高信息密度工具。技能提供设计与组件参考，不要求照搬固定视觉；应沿用现有品牌、组件库和无障碍规则，动画与玻璃效果不能影响文字对比度、性能和移动端操作。

上游能力依据

上游原始适用说明：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.md 主要章节（保留原文标题）：

• Stack
• Quick Start
• Project Structure
• Configuration
• index.html
• public/site.webmanifest
• tailwind.config.js
• postcss.config.js
• src/styles/globals.css
• src/main.tsx

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Microsoft Corporation 与 microsoft/skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/microsoft/skills/tree/7066b58141d8cc66f39356b2ee5bb64d428dcf17/.github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts

适用范围

平台：linux、macos、windows；标签：设计与前端、React 深色界面开发

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。