antfu

Verifica tu Web UI contra las directrices oficiales de accesibilidad y diseño de Vercel. Obtén retroalimentación inmediata sobre HTML semántico, estados de foco, formularios, animaciones, tipografía, imágenes y más.

Los desarrolladores a menudo crean interfaces sin seguir las mejores prácticas establecidas, lo que conduce a problemas de accesibilidad y una mala experiencia de usuario. Esta habilidad obtiene las últimas pautas de interfaz web de Vercel y revisa automáticamente el código contra ellas, proporcionando retroalimentación acciónnable en un formato archivo:línea estándar.

Crear características de Vue.js desde cero conduce a código complejo y difícil de mantener. Esta habilidad mapea los requisitos a composables de VueUse, aplicando patrones correctos para mantener las implementaciones concisas, de alto rendimiento y mantenibles.

Los proyectos Vue 3 a menudo enfrentan problemas de verificación de tipos, tiempos de guardado lentos y problemas de configuración. Esta habilidad proporciona soluciones curadas para la tipificación de componentes Vue, configuración de Volar y problemas comunes de desarrollo de Vue 3.

La construcción de aplicaciones Vue.js requiere comprender la gestión de estado reactivo, la composición de componentes y los patrones modernos de JavaScript. Esta habilidad proporciona orientación experta sobre Vue Composition API, diseño de componentes y fundamentos de reactividad.

Escribir y mantener pruebas es una tarea laboriosa. Vitest proporciona un framework de pruebas ultrarrápido impulsado por Vite con API compatibles con Jest, lo que permite a los desarrolladores escribir pruebas unitarias con soporte nativo para ESM, TypeScript y JSX desde el primer momento.

Una habilidad de IA para Claude, Codex y Claude Code

Los equipos necesitan orientación precisa para la configuración de Vite y los flujos de trabajo de compilación. Esta habilidad resume patrones oficiales y ejemplos para que los agentes puedan proponer configuraciones y comandos correctos.

UnoCSS es un motor de CSS atómico instantáneo que proporciona una alternativa flexible y extensible a Tailwind CSS. Esta habilidad ayuda a los desarrolladores a configurar UnoCSS, escribir reglas de utilidades personalizadas y aprovechar presets como Wind, Icons y Attributify.

Gestionar múltiples paquetes en un monorepo puede resultar en compilaciones lentas y una orquestación compleja de tareas. Turborepo proporciona caché inteligente y ejecución paralela para acelerar las compilaciones. Esta habilidad ofrece orientación experta sobre la configuración de pipelines de tareas, estrategias de caché, variables de entorno y mejores prácticas de monorepo.

La construcción de bibliotecas TypeScript requiere una configuración compleja del empaquetador. Esta skill proporciona documentación completa para tsdown, un empaquetador ultrarrápido impulsado por Rolldown, que cubre configuración, plugins y migración desde tsup.

Una habilidad de IA para Claude, Codex y Claude Code

La gestión manual de dependencias de Node.js resulta engorrosa y propensa a errores. La habilidad pnpm proporciona a Claude conocimientos integrales sobre comandos de pnpm, configuración de espacios de trabajo, catálogos, parches, sobrescripciones y mejores prácticas para flujos de trabajo de monorepositorio.

La construcción de aplicaciones Vue requiere gestión de estado predecible entre componentes. Pinia proporciona una API tipada y intuitiva para definir tiendas con estado, getters y acciones. Esta habilidad proporciona referencias completas para crear patrones escalables de gestión de estado en Vue.

Desarrollar aplicaciones full-stack Vue requiere comprender el renderizado del lado del servidor, el enrutamiento basado en archivos y el ecosistema de módulos de Nuxt. Esta habilidad proporciona documentación completa para construir aplicaciones Nuxt listas para producción con el motor de servidor Nitro.

A menudo los proyectos carecen de herramientas y configuración consistentes entre los miembros del equipo. Esta habilidad proporciona mejores prácticas opiniadas de Anthony Fu, incluyendo configuraciones de TypeScript, ESLint, Vitest y CI/CD que garantizan una calidad de código consistente y experiencia de desarrollo en cualquier proyecto web.