theme-handler
使用 shadcn 和 tweakcn 安裝 UI 主題
手動管理應用程式主題需要找到主題 URL 並執行 CLI 命令。此技能提供預先配置的主題和安裝命令的精選清單，使主題安裝快速且無錯誤。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“theme-handler”。 Install the Claude theme
预期结果:
- Run the following command to install the Claude theme:
- pnpm dlx shadcn@latest add https://tweakcn.com/r/themes/claude.json
- This theme is inspired by the Claude AI interface design.
正在使用“theme-handler”。 Show me cyberpunk themes
预期结果:
- Available cyberpunk-style themes:
- • Cyberpunk - https://tweakcn.com/r/themes/cyberpunk.json
- • Cosmic Night - https://tweakcn.com/r/themes/cosmic-night.json
正在使用“theme-handler”。 Apply a minimal theme
预期结果:
- Here are minimal theme options:
- • Modern Minimal - https://tweakcn.com/r/themes/modern-minimal.json
- • Mono - https://tweakcn.com/r/themes/mono.json
- • Amber Minimal - https://tweakcn.com/r/themes/amber-minimal.json
安全审计
安全This is a pure documentation skill containing only instructions and theme references. No code execution, no network calls, no filesystem access. Static findings are false positives: scanner misidentified URL paths as backtick execution, common words as C2 indicators, and JSON structure as cryptographic patterns. All 102 detected issues are dismissed as harmless documentation content.
风险因素
⚙️ 外部命令 (41)
🌐 网络访问 (39)
📁 文件系统访问 (1)
质量评分
你能构建什么
應用預建主題
使用 shadcn UI 元件快速瀏覽和安裝 React 應用程式的精選主題。
一致的樣式
從經過審查的主題集合中選擇，標準化應用程式外觀。
快速原型設計
在原型設計期間立即套用專業主題，無需手動配置。
试试这些提示
使用 theme-handler 技能安裝 Modern Minimal 主題。
在 theme-handler 中顯示可用主題的清單。
使用 theme-handler 將我的應用程式主題更新為 Cyberpunk。
使用 theme-handler 尋找並安裝復古風格的主題。
最佳实践
- 在安裝前於 tweakcn.com 預覽主題，確保它們符合您的設計願景。
- 在將主題套用至生產環境之前，請先在開發環境中進行測試。
- 在進行變更之前，請備份現有的主題配置檔案。
避免
- 未先預覽就安裝主題可能導致設計美學不符。
- 同時套用多個主題可能導致衝突和意外的樣式問題。
- 跳過依賴安裝（pnpm、shadcn CLI）將導致主題命令無法運作。