unocss
Configura UnoCSS más rápido
La configuración de UnoCSS puede ser difícil cuando interactúan presets, shortcuts, variants e integraciones. Esta skill proporciona a Claude, Codex y Claude Code orientación de referencia enfocada para el trabajo práctico con UnoCSS.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "unocss" from https://skillstore.io/skills/antfu-unocss.md and its manifest at https://skillstore.io/api/skills/antfu-unocss/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "unocss". Una app Vue necesita UnoCSS con icons, typography y variant groups.
Resultado esperado:
Un plan de configuración que enumera paquetes requeridos, secciones de configuración, registro de plugins y comprobaciones de archivos de configuración UnoCSS existentes.
Usando "unocss". Un equipo repite cadenas de utilidades de botón y badge en varios componentes.
Resultado esperado:
Una propuesta de diseño de shortcuts con orientación de nombres, alineación con tokens y notas sobre cuándo son apropiados los shortcuts dinámicos.
Usando "unocss". Un proyecto Nuxt tiene ajustes generados de UnoCSS y overrides locales.
Resultado esperado:
Un resumen de revisión que explica cómo extender de forma segura la configuración fusionada y dónde mantener los shortcuts específicos del proyecto.
Auditoría de seguridad
SeguroAll 50 static findings are false positives in documentation examples or ordinary prose. The skill contains no executable scripts, prompt injection, credential access, command execution, or covert network behavior.
Factores de riesgo
⚙️ Comandos externos (26)
📁 Acceso al sistema de archivos (4)
🌐 Acceso a red (4)
⚡ Contiene scripts (2)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/antfu-unocss/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-unocss/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/antfu-unocss.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
antfu. (2026). unocss security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-unocss/audits/5Cita BibTeX
@techreport{antfu-antfu-unocss-2026,
author = {antfu},
title = {unocss security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-unocss/audits/5},
note = {Author version 2026.1.28}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "unocss security audit report (audit version 5)"
version: "2026.1.28"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-unocss/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-unocss:audit:5"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Configurar UnoCSS
Añade una configuración de proyecto, elige presets e integra UnoCSS en Vite o Nuxt.
Diseñar APIs de utilidades
Crea reglas, shortcuts, safelists y variants que coincidan con un sistema de diseño.
Migrar patrones de Tailwind
Asigna flujos de trabajo familiares de utilidades Tailwind CSS a presets y transformers de UnoCSS.
Prueba estos prompts
Ayúdame a crear una configuración básica de UnoCSS para este proyecto. Inspecciona primero los archivos de configuración existentes y luego sugiere presets e imports seguros.
Revisa mis clases de utilidad repetidas y propón shortcuts de UnoCSS. Mantén nombres claros y compatibles con la configuración actual de presets.
Diseña reglas estáticas y dinámicas de UnoCSS para estos tokens de diseño. Explica el matching, el comportamiento del CSS generado y los casos límite.
Audita mi integración de UnoCSS con Vite o Nuxt. Revisa presets, transformers, extracción, safelist, layers y compromisos de rendimiento.
Mejores prácticas
- Inspecciona uno.config.* o unocss.config.* antes de recomendar sintaxis avanzada.
- Prefiere el uso explícito de clases a menos que el proyecto ya habilite los modos attributify o tagify.
- Mantén las reglas y shortcuts personalizados alineados con los tokens de tema existentes.
Evitar
- No asumas que todos los plugins o clases de Tailwind funcionan sin comprobar el preset activo.
- No añadas attributify, tagify ni transformers sin confirmar la compatibilidad del proyecto.
- No crees reglas dinámicas amplias cuando una regla estática pequeña o un shortcut sea más claro.
Preguntas frecuentes
¿En qué ayuda esta skill?
¿Es compatible con usuarios de Tailwind CSS?
¿Puede generar un sistema de diseño completo?
¿Ejecuta comandos de UnoCSS?
¿Deben los agentes inspeccionar primero los archivos locales?
¿Qué integraciones están cubiertas?
Detalles del desarrollador
Autor
antfuLicencia
MIT
Versión del autor
v2026.1.28
Revisión de Skillstore
r2
Ref.
89edfdc710d0846129dcee6a929477b04f08052c
Actualidad del mantenimiento
24/7/2026
Uso
13 descargas · 180 vistas
Estructura de archivos