agent-skills

Agent Skills es una colección de habilidades para agentes de codificación con IA, empaquetadas como instrucciones y scripts que amplían las capacidades del agente. Las habilidades siguen el formato Agent Skills y están disponibles automáticamente una vez instaladas, y el agente las invoca cuando detecta tareas relevantes. Habilidades incluidas: - vercel-optimize: Audita un proyecto de Vercel en busca de costos, rendimiento, confiabilidad, caché, uso de funciones y oportunidades de facturación. Primero recopila métricas de Vercel y luego investiga solo las rutas y archivos a los que apuntan esas métricas. Está pensada para optimizar proyectos desplegados, reducir costos o uso de funciones, investigar rutas lentas o costosas, encontrar problemas de caché/ISR/middleware/imágenes/minutos de compilación y producir un informe clasificado de costos y rendimiento. - react-best-practices: Pautas de optimización de rendimiento de React y Next.js de Vercel Engineering, con más de 40 reglas en 8 categorías priorizadas por impacto. Las categorías incluyen eliminación de cascadas, optimización del tamaño del bundle, rendimiento del lado del servidor, obtención de datos del lado del cliente, optimización de re-renderizados, rendimiento de renderizado y microoptimizaciones de JavaScript. Es útil al escribir componentes o páginas, implementar obtención de datos, revisar código en busca de rendimiento u optimizar el tamaño del bundle y los tiempos de carga. - web-design-guidelines: Revisa código de UI contra más de 100 reglas que cubren accesibilidad, rendimiento y UX. Las categorías incluyen accesibilidad, estados de foco, formularios, animación, tipografía, imágenes, rendimiento, navegación y estado, modo oscuro y tematización, tacto e interacción, y locale/i18n. - writing-guidelines: Revisa documentación y prosa contra el manual de redacción de Vercel con más de 80 reglas que cubren planificación, voz y tono, tono por tipo de contenido, encabezados y estructura, listas, código, marcadores de posición/unidades/números, tipografía, formato de fuentes, páginas de precios y dinero, flujo de trabajo con IA y revisión. - react-native-guidelines: Mejores prácticas de React Native optimizadas para agentes de IA, con 16 reglas en 7 secciones que cubren rendimiento, diseño, animación, imágenes, gestión de estado, arquitectura y patrones específicos de plataforma. - react-view-transitions: Guía para implementar animaciones con la API View Transition de React, que cubre el componente ViewTransition, addTransitionType, tipos de transición, transiciones de elementos compartidos, animaciones JavaScript mediante la Web Animations API, integración con Next.js incluida la prop transitionTypes en next/link, recetas de animación CSS listas para usar y consideraciones de accesibilidad. - composition-patterns: Patrones de composición de React para escalar, que ayudan a evitar la proliferación de props booleanas mediante componentes compuestos, elevación de estado y composición interna. - vercel-deploy-claimable: Despliega aplicaciones y sitios web en Vercel, diseñada para usarse con claude.ai y Claude Desktop. Detecta automáticamente más de 40 frameworks desde package.json, devuelve una URL de vista previa y una URL de reclamación para transferir la propiedad, maneja proyectos HTML estáticos y excluye node_modules y .git de las cargas. La instalación se realiza mediante npx skills add vercel-labs/agent-skills. Cada habilidad contiene un SKILL.md con instrucciones para el agente, scripts opcionales para automatización y referencias opcionales. Cada cambio en una habilidad en main publica una versión inmutable de GitHub con un índice de descubrimiento de Agent Skills y un artefacto por habilidad; los mismos artefactos se pueden compilar localmente con un script proporcionado. El proyecto está licenciado bajo MIT.