antfu
Aplicar las preferencias de desarrollo web de Antfu
Los proyectos modernos de JavaScript necesitan elecciones de herramientas coherentes para linting, pruebas, builds y configuración de releases. Esta habilidad aplica las convenciones opinadas de Anthony Fu para TypeScript, Vue, pnpm, ESLint, Vitest y la estructura de proyecto relacionada.
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.
Pruébalo
Usando "antfu". Configura linting para una nueva app TypeScript.
Resultado esperado:
El asistente explica la configuración de @antfu/eslint-config, agrega una configuración plana de ESLint, sugiere un script de lint y señala cuándo se necesitan plugins adicionales de framework.
Usando "antfu". Prepara un paquete para publicar una biblioteca ESM.
Resultado esperado:
El asistente recomienda tsdown, campos de paquete ESM, salida de declaraciones, Vitest, builds prepack y un script de release con notas de revisión.
Usando "antfu". Agrega CI a un repositorio usando este estilo.
Resultado esperado:
El asistente describe flujos de trabajo de autofix, pruebas unitarias y release, y luego destaca la revisión de flujos de terceros y permisos de publicación antes de habilitar la automatización de releases.
Auditoría de seguridad
Riesgo medioStatic analysis heavily over-counted Markdown examples as Ruby backticks, weak cryptography, reconnaissance, and credential access. Most findings are false positives from documentation and code snippets, but the skill does recommend package-manager commands and third-party reusable GitHub Actions workflows, including release permissions that require user review.
Problemas de riesgo medio (2)
Problemas de riesgo bajo (3)
Factores de riesgo
⚙️ Comandos externos (5)
🌐 Acceso a red (2)
📁 Acceso al sistema de archivos (4)
Patrones detectados
Puntuación de calidad
Lo que puedes crear
Iniciar una app web con TypeScript
Configura Vue, Vite o Nuxt, UnoCSS, TypeScript estricto y linting usando las preferencias documentadas.
Estandarizar un monorepo de JavaScript
Aplica workspaces de pnpm, scripts compartidos, aliases centralizados y linting coherente en varios paquetes.
Preparar una biblioteca para publicación
Usa tsdown, configuración de paquete solo ESM, Vitest, scripts de release y plantillas de GitHub Actions.
Prueba estos prompts
Aplica las preferencias antfu a este nuevo proyecto de TypeScript. Agrega el gestor de paquetes recomendado, configuración estricta de TypeScript, configuración de ESLint y scripts básicos.
Revisa esta app Vue y actualízala hacia el estilo antfu. Enfócate en script setup, props y emits de TypeScript, UnoCSS, VueUse y linting.
Convierte esta biblioteca TypeScript al estilo de publicación antfu. Usa ESM puro, tsdown, declaraciones generadas, Vitest y scripts de release claros.
Compara este monorepo con las convenciones antfu. Propón cambios para workspaces de pnpm, catalogs, scripts recursivos, aliases, pruebas y CI. Marca cualquier automatización riesgosa antes de agregarla.
Mejores prácticas
- Revisa los scripts, hooks y flujos de CI generados antes de ejecutarlos o confirmarlos.
- Usa la habilidad cuando quieras un estilo coherente en TypeScript, Vue, linting, pruebas y configuración de releases.
- Fija e inspecciona los flujos de trabajo de GitHub Actions de terceros antes de conceder permisos de escritura u OIDC.
Evitar
- No apliques todas las recomendaciones a ciegas en proyectos con estándares de equipo ya establecidos.
- No habilites flujos de release sin revisar las credenciales de publicación y los permisos del repositorio.
- No ejecutes comandos de gestores de paquetes ni comandos npx desde la salida generada sin aprobación del usuario.