frontend-ui-dark-ts用途、用法與原始來源

這個 Skill 能做什麼

使用 Tailwind CSS 建立深色主題的 React 應用，支援自訂主題、玻璃變形特效和 Framer Motion 動畫。適用於創建儀錶板、管理面板或數據豐富的介面，打造精緻的深色美學風格。

如何使用：上游操作流程

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

環境與相依需求

本次未從該檔案選出獨立的環境需求片段，不代表無須相依套件。請繼續核對儲存庫的安裝說明和引用檔案。

限制與結果檢查

本次未從該檔案選出獨立的限制片段，不代表適用於所有輸入或環境。請閱讀完整原文，並自行驗證實際結果。

開始使用前

1. 先核對支援的 Agent 宿主和儲存庫安裝說明。保留完整 Skill 目錄及其引用的腳本、資源和文件，只複製 SKILL.md 可能遺漏相依需求。
2. 向 Agent 提供實際輸入、預期輸出和驗收標準。呼叫方式與可用工具取決於宿主環境，本站不假定存在通用的安裝指令。
3. 先在暫存專案或輸入副本上試用。涉及修改檔案、遠端服務或計費資源的操作，應逐項核對後再授權。
4. 依照原文檢查項目和自己的需求驗證輸出。成功觸發或儲存庫 Star 較高，都不能證明結果正確。

Skill 檔案與目錄格式規範 ↗

繼續閱讀原始文件

• 前端 UI 深色主題（TypeScript）
• index.html
• public/site.webmanifest
• 相關文件

相關 Skill

• agent-framework-azure-ai-pymicrosoft/skills
• airunway-aks-setupmicrosoft/skills
• aks-cost-optimizationmicrosoft/skills
• appinsights-instrumentationmicrosoft/skills

翻譯與介紹範圍

本頁從固定版本的上游 SKILL.md 整理用途與操作片段，譯文使用輔助翻譯。它不是完整手冊，也不代表經過相容性實測；使用前請核對原文及其引用檔案。

介紹依據下方列出的固定版本；目前儲存庫動態和目錄擷取時間分開呈現。

固定版本來源

閱讀原文 ↗

原文擷取時間

2026-10-29T09:32:23Z

來源提交版本

00d66a64919edca5bca2c673373444e36a4b5461

原文 SHA-256

ae89e5f7592c2ec2c279bac49b85c0eac2c269eb6331a45a33eea185a46e172b