📦

unocss

Name: unocss
Author: antfu

Riesgo bajo ⚙️ Comandos externos🌐 Acceso a red📁 Acceso al sistema de archivos⚡ Contiene scripts

Configura UnoCSS más rápido

La configuración de UnoCSS puede ser difícil cuando presets, shortcuts, variantes e integraciones interactúan. Esta skill proporciona a Claude, Codex y Claude Code orientación de referencia enfocada para el trabajo práctico con UnoCSS.

Soporta: Claude Codex Code(CC)

📊 75 Adecuado

Descargar el ZIP de la skill

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

Activa y empieza a usar

Recursos legibles por agentes

Usa estos enlaces cuando un AI Agent, crawler o script necesite contexto limpio en lugar de leer toda la página.

Detalle Markdown GET /skills/antfu-unocss.md Manifest firmado GET /api/skills/antfu-unocss/manifest Lockfile firmado GET /api/skills/antfu-unocss/lockfile

Pruébalo

Usando "unocss". Una app Vue necesita UnoCSS con icons, typography y variant groups.

Resultado esperado:

Un plan de configuración que enumere los paquetes requeridos, secciones de configuración, registro de plugins y comprobaciones de archivos de configuración de UnoCSS existentes.

Usando "unocss". Un equipo repite cadenas de utilidades de botones e insignias en varios componentes.

Resultado esperado:

Una propuesta de diseño de shortcuts con orientación de nomenclatura, 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 sobrescrituras locales.

Resultado esperado:

Un resumen de revisión que explique cómo extender de forma segura la configuración combinada y dónde mantener los shortcuts específicos del proyecto.

Auditoría de seguridad

Riesgo bajo

v2 • 6/28/2026

Static analysis reported many command, network, filesystem, and script patterns, but reviewed samples are Markdown documentation examples for UnoCSS configuration. No executable skill code, credential exfiltration, malicious network target, or prompt injection attempt was found, so the remaining concern is low documentation-example risk.

Archivos escaneados

3,591

Líneas analizadas

hallazgos

Auditorías totales

Problemas de riesgo bajo (4)

GENERATION.md:3-4 references/core-config.md:12-14 SKILL.md:12

Markdown Code Fence Command False Positives

The external command findings are caused by Markdown code fences and inline examples, not by executable Ruby or shell code in the skill package.

references/core-extracting.md:55 references/core-config.md:185-186 references/preset-icons.md:51

Documentation Network Examples

Hardcoded URLs and one fetch example appear in reference documentation to explain UnoCSS content extraction and source links.

references/core-config.md:177 references/integrations-nuxt.md:89-99 references/preset-web-fonts.md:81

Local Project Path Examples

Filesystem findings are configuration examples for project-relative files, generated Nuxt config, or local font cache paths.

references/integrations-vite.md:82 references/preset-icons.md:125

Frontend Example Patterns

The innerHTML and dynamic import findings are frontend integration snippets, not marketplace runtime behavior.

Factores de riesgo

⚙️ Comandos externos (3)

GENERATION.md:3-4 references/core-config.md:12-14 SKILL.md:12

🌐 Acceso a red (3)

references/core-extracting.md:55 references/core-config.md:185-186 references/preset-icons.md:51

📁 Acceso al sistema de archivos (3)

references/core-config.md:177 references/integrations-nuxt.md:89-99 references/preset-web-fonts.md:81

⚡ Contiene scripts (2)

references/integrations-vite.md:82 references/preset-icons.md:125

Auditado por: codex Ver historial de auditorías →

Puntuación de calidad

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

Seguridad

Cumplimiento de la especificación

Lo 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 variantes que coincidan con un sistema de diseño.

Migrar patrones de Tailwind

Mapea flujos de trabajo familiares de utilidades Tailwind CSS a presets y transformers de UnoCSS.

Prueba estos prompts

Crear configuración básica

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.

Añadir shortcuts

Revisa mis clases de utilidades repetidas y propón shortcuts de UnoCSS. Mantén los nombres claros y compatibles con la configuración de presets actual.

Crear reglas personalizadas

Diseña reglas estáticas y dinámicas de UnoCSS para estos design tokens. Explica el matching, el comportamiento del CSS generado y los casos límite.

Ajustar integración avanzada

Audita mi integración de UnoCSS con Vite o Nuxt. Revisa presets, transformers, extracción, safelist, layers y compensaciones 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 modos attributify o tagify.
Mantén las reglas personalizadas y los shortcuts alineados con los theme tokens 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 el soporte del proyecto.
No crees reglas dinámicas amplias cuando una pequeña regla estática o un shortcut sea más claro.