theme-handler
Instalar temas de interfaz de usuario con shadcn y tweakcn
La gestión manual de temas de aplicación requiere encontrar URLs de temas y ejecutar comandos de CLI. Esta habilidad proporciona una lista curada de temas preconfigurados y comandos de instalación, haciendo que la instalación de temas sea rápida y sin errores.
下載技能 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)
品質評分
你能建構什麼
Aplicar temas predefinidos
Explora e instala rápidamente temas curados para aplicaciones de React usando componentes de shadcn UI.
Estilo consistente
Estandariza la apariencia de la aplicación seleccionando de colecciones de temas verificadas.
Prototipado rápido
Aplica temas profesionales instantáneamente durante el prototipado sin configuración manual.
試試這些提示
Instalar el tema Modern Minimal usando la habilidad theme-handler.
Mostrarme la lista de temas disponibles en theme-handler.
Actualizar el tema de mi aplicación a Cyberpunk usando theme-handler.
Encontrar e instalar un tema de estilo retro usando theme-handler.
最佳實務
- Vista previa de los temas en tweakcn.com antes de instalar para asegurar que coincidan con tu visión de diseño.
- Prueba los temas en un entorno de desarrollo antes de aplicarlos en producción.
- Respaldar los archivos de configuración de temas existentes antes de realizar cambios.
避免
- Instalar temas sin vista previa previa puede resultar en estética de diseño desalineada.
- Aplicar múltiples temas simultáneamente puede causar conflictos y estilos inesperados.
- Omitir la instalación de dependencias (pnpm, CLI de shadcn) evitará que los comandos de temas funcionen.