frontend-ui-dark-tsFinalidad, uso y origen

Lo que hace esta habilidad

Crea aplicaciones React con temática oscura usando Tailwind CSS con temas personalizados, efectos glassmorphism y animaciones Framer Motion. Úsalo para crear paneles de control, paneles de administración o interfaces con gran cantidad de datos y una estética oscura y sofisticada.

Cómo funciona el flujo de trabajo ascendente

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

Requisitos y configuración

No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.

Límites y controles de calidad

No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.

Comience con una prueba segura.

1. Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
2. Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
3. Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
4. Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.

Especificación del formato y directorio de habilidades ↗

Lea más en la fuente

• Tema oscuro para la interfaz de usuario (TypeScript)
• index.html
• public/site.webmanifest
• Archivos relacionados

Habilidades relacionadas

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

Traducción y alcance

Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.

Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.

Fuente fijada

Lee el original ↗

Fuente recuperada

2026-10-29T09:32:23Z

Confirmación de origen

00d66a64919edca5bca2c673373444e36a4b5461

Fuente SHA-256

ae89e5f7592c2ec2c279bac49b85c0eac2c269eb6331a45a33eea185a46e172b