Skills para Claude Code

Habilidad integral de desarrollo fullstack para construir aplicaciones web completas con React, Next.js, Node.js, GraphQL y PostgreSQL. Incluye scaffolding de proyectos, análisis de calidad de código, patrones de arquitectura y guía completa de la pila tecnológica. Úselo al construir nuevos proyectos, analizar la calidad del código, implementar patrones de diseño o configurar flujos de trabajo de desarrollo.

Crear nuevas habilidades, modificar y mejorar habilidades existentes, y medir el rendimiento de las habilidades. Úselo cuando los usuarios quieran crear una habilidad desde cero, editar u optimizar una habilidad existente, ejecutar evaluaciones para probar una habilidad, comparar el rendimiento de la habilidad con análisis de varianza, u optimizar la descripción de una habilidad para una mejor precisión de activación.

Habilidad integral en desarrollo backend para construir sistemas backend escalables utilizando NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Incluye scaffolding de API, optimización de bases de datos, implementación de seguridad y ajuste de rendimiento. Úsese al diseñar APIs, optimizar consultas de bases de datos, implementar lógica de negocio, manejar autenticación/autorización o revisar código backend.

Habilidad integral en desarrollo frontend para construir aplicaciones web modernas y de alto rendimiento utilizando ReactJS, NextJS, TypeScript, Tailwind CSS. Incluye creación de componentes, optimización de rendimiento, análisis de paquetes y mejores prácticas de UI. Úsese al desarrollar funcionalidades frontend, optimizar el rendimiento, implementar diseños UI/UX, gestionar el estado o revisar código frontend.

Organiza inteligentemente archivos y carpetas comprendiendo el contexto, encontrando duplicados y sugiriendo mejores estructuras organizativas. Úselo cuando el usuario quiera limpiar directorios, organizar descargas, eliminar duplicados o reestructurar proyectos.

Inteligencia en diseño UI/UX. 50 estilos, 21 paletas, 50 combinaciones tipográficas, 20 gráficos, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Acciones: planificar, construir, crear, diseñar, implementar, revisar, corregir, mejorar, optimizar, potenciar, refactorizar, verificar código UI/UX. Proyectos: sitio web, página de aterrizaje, panel de control, panel administrativo, comercio electrónico, SaaS, portafolio, blog, aplicación móvil, .html, .tsx, .vue, .svelte. Elementos: botón, modal, barra de navegación, barra lateral, tarjeta, tabla, formulario, gráfico. Estilos: glassmorphism, claymorphism, minimalismo, brutalismo, neumorfismo, cuadrícula bento, modo oscuro, responsive, skeuomorphism, diseño plano. Temas: paleta de colores, accesibilidad, animación, diseño, tipografía, combinación tipográfica, espaciado, hover, sombra, degradado. Integraciones: shadcn/ui MCP para búsqueda de componentes y ejemplos.

Utilice esta habilidad siempre que el usuario desee crear, leer, editar o manipular documentos de Word (archivos .docx). Los desencadenantes incluyen: cualquier mención de 'Word doc', 'documento de Word', '.docx' o solicitudes para producir documentos profesionales con formato como tablas de contenido, encabezados, números de página o membretes. También úsela al extraer o reorganizar contenido de archivos .docx, insertar o reemplazar imágenes en documentos, realizar buscar y reemplazar en archivos de Word, trabajar con cambios controlados o comentarios, o convertir contenido en un documento de Word pulido. Si el usuario solicita un 'informe', 'memo', 'carta', 'plantilla' o entregable similar en formato Word o .docx, utilice esta habilidad. NO la use para PDFs, hojas de cálculo, Google Docs o tareas generales de codificación no relacionadas con la generación de documentos.

Estándares de codificación pragmáticos - concisos, directos, sin sobreingeniería, sin comentarios innecesarios

Especialista en Optimización para Motores de Búsqueda para estrategia de contenido, SEO técnico, investigación de palabras clave y mejoras en el posicionamiento. Se utiliza al optimizar el contenido del sitio web, mejorar el ranking en buscadores, realizar análisis de palabras clave o implementar las mejores prácticas de SEO. Experto en SEO on-page, meta etiquetas, marcado schema y Core Web Vitals.

Utilice esta habilidad cada vez que un archivo de hoja de cálculo sea la entrada o salida principal. Esto significa cualquier tarea en la que el usuario quiera: abrir, leer, editar o corregir un archivo existente .xlsx, .xlsm, .csv o .tsv (por ejemplo, agregar columnas, calcular fórmulas, formatear, crear gráficos, limpiar datos desordenados); crear una nueva hoja de cálculo desde cero o a partir de otras fuentes de datos; o convertir entre formatos de archivo tabulares. Se activa especialmente cuando el usuario hace referencia a un archivo de hoja de cálculo por nombre o ruta, incluso de manera casual (como "el xlsx en mis descargas"), y quiere que se haga algo con él o se produzca algo a partir de él. También se activa para limpiar o reestructurar archivos de datos tabulares desordenados (filas mal formadas, encabezados fuera de lugar, datos basura) en hojas de cálculo adecuadas. El entregable debe ser un archivo de hoja de cálculo. NO se active cuando el entregable principal sea un documento de Word, informe HTML, script independiente de Python, pipeline de base de datos o integración con la API de Google Sheets, incluso si se involucran datos tabulares.

Directrices de optimización de rendimiento de React y Next.js del equipo de ingeniería de Vercel. Esta habilidad debe utilizarse al escribir, revisar o refactorizar código de React/Next.js para garantizar patrones de rendimiento óptimos. Se activa en tareas que involucran componentes de React, páginas de Next.js, obtención de datos, optimización de paquetes o mejoras de rendimiento.

Crea interfaces frontend distintivas y de calidad para producción con un alto nivel de diseño. Utiliza esta habilidad cuando el usuario solicite construir componentes web, páginas, artefactos, carteles o aplicaciones (ejemplos incluyen sitios web, páginas de aterrizaje, paneles de control, componentes React, diseños HTML/CSS o al estilizar/embellecer cualquier interfaz web). Genera código creativo y pulido y diseño de UI que evita estéticas genéricas de IA.

Kit de herramientas de investigación y diseño UX para Diseñador/Investigador UX Senior que incluye generación de personas basada en datos, mapeo de viajes, marcos de pruebas de usabilidad y síntesis de investigación. Úselo para investigación de usuarios, creación de personas, mapeo de viajes y validación de diseño.

Pensamiento y toma de decisiones de diseño mobile-first para aplicaciones iOS y Android. Interacción táctil, patrones de rendimiento, convenciones de plataforma. Enseña principios, no valores fijos. Úsalo al desarrollar aplicaciones React Native, Flutter o nativas.

Kit de herramientas del sistema de diseño de UI para Diseñador UI Senior que incluye generación de tokens de diseño, documentación de componentes, cálculos de diseño responsivo y herramientas para la entrega a desarrolladores. Úselo para crear sistemas de diseño, mantener la consistencia visual y facilitar la colaboración entre diseño y desarrollo.

Habilidad de ingeniería de prompts de clase mundial para la optimización de LLM, patrones de prompts, salidas estructuradas y desarrollo de productos de IA. Experiencia en Claude, GPT-4, patrones de diseño de prompts, aprendizaje con pocos ejemplos, cadena de pensamiento y evaluación de IA. Incluye optimización RAG, diseño de agentes y arquitectura de sistemas LLM. Úsese al construir productos de IA, optimizar el rendimiento de LLM, diseñar sistemas agenticos o implementar técnicas avanzadas de prompting.

Analiza hojas de cálculo de Excel, crea tablas dinámicas, genera gráficos y realiza análisis de datos. Úsalo al analizar archivos de Excel, hojas de cálculo, datos tabulares o archivos .xlsx.

Habilidad integral en arquitectura de software para diseñar sistemas escalables y mantenibles utilizando ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Incluye generación de diagramas de arquitectura, patrones de diseño de sistemas, marcos de decisión para la selección de tecnologías y análisis de dependencias. Úsese al diseñar la arquitectura del sistema, tomar decisiones técnicas, crear diagramas de arquitectura, evaluar compensaciones o definir patrones de integración.

Kit de herramientas para estilizar artefactos con un tema. Estos artefactos pueden ser diapositivas, documentos, reportes, páginas de aterrizaje HTML, etc. Hay 10 temas predefinidos con colores/fuentes que puedes aplicar a cualquier artefacto que haya sido creado, o puedes generar un nuevo tema al instante.

Guía para crear servidores MCP (Model Context Protocol) de alta calidad que permiten a los LLMs interactuar con servicios externos a través de herramientas bien diseñadas. Úsese al construir servidores MCP para integrar APIs o servicios externos, ya sea en Python (FastMCP) o Node/TypeScript (MCP SDK).

Crea contenido de marketing optimizado para SEO con una voz de marca coherente. Incluye analizador de voz de marca, optimizador SEO, marcos de contenido y plantillas para redes sociales. Úsalo al redactar publicaciones de blog, crear contenido para redes sociales, analizar la voz de la marca, optimizar SEO, planificar calendarios de contenido o cuando el usuario mencione creación de contenido, voz de marca, optimización SEO, marketing en redes sociales o estrategia de contenido.

Crea arte visual hermoso en documentos .png y .pdf utilizando la filosofía de diseño. Debes usar esta habilidad cuando el usuario solicite crear un póster, una obra de arte, un diseño u otra pieza estática. Crea diseños visuales originales, nunca copiando el trabajo de artistas existentes para evitar violaciones de derechos de autor.

Habilidad integral de DevOps para CI/CD, automatización de infraestructura, contenedorización y plataformas en la nube (AWS, GCP, Azure). Incluye configuración de pipelines, infraestructura como código, automatización de despliegues y monitoreo. Úsese al configurar pipelines, desplegar aplicaciones, gestionar infraestructura, implementar monitoreo u optimizar procesos de despliegue.

Experto en la integración de APIs de terceros con autenticación adecuada, manejo de errores, limitación de tasa y lógica de reintentos. Se utiliza al integrar APIs REST, endpoints GraphQL, webhooks o servicios externos. Especializado en flujos OAuth, gestión de claves API, transformación de solicitudes/respuestas y construcción de clientes API robustos.

Kit de herramientas para interactuar y probar aplicaciones web locales utilizando Playwright. Soporta la verificación de la funcionalidad del frontend, la depuración del comportamiento de la interfaz de usuario, la captura de capturas de pantalla del navegador y la visualización de los registros del navegador.

Genera mensajes de commit descriptivos analizando las diferencias de git. Úsalo cuando el usuario solicite ayuda para escribir mensajes de commit o revisar cambios en el área de preparación.

Habilidad integral de revisión de código para TypeScript, JavaScript, Python, Swift, Kotlin, Go. Incluye análisis automatizado de código, verificación de mejores prácticas, escaneo de seguridad y generación de listas de verificación para revisiones. Úselo al revisar pull requests, proporcionar retroalimentación de código, identificar problemas o garantizar estándares de calidad de código.

Habilidad integral en ingeniería de seguridad para seguridad de aplicaciones, pruebas de penetración, arquitectura de seguridad y auditoría de cumplimiento. Incluye herramientas de evaluación de seguridad, modelado de amenazas, implementación criptográfica y automatización de seguridad. Úsese al diseñar arquitectura de seguridad, realizar pruebas de penetración, implementar criptografía o llevar a cabo auditorías de seguridad.

Utilice esta habilidad cada vez que un archivo .pptx esté involucrado de alguna manera, ya sea como entrada, salida o ambos. Esto incluye: crear presentaciones de diapositivas, presentaciones para propuestas o presentaciones en general; leer, analizar o extraer texto de cualquier archivo .pptx (incluso si el contenido extraído se utilizará en otro lugar, como en un correo electrónico o resumen); editar, modificar o actualizar presentaciones existentes; combinar o dividir archivos de diapositivas; trabajar con plantillas, diseños, notas del orador o comentarios. Active esta habilidad siempre que el usuario mencione "deck", "slides", "presentation" o haga referencia a un nombre de archivo .pptx, independientemente de lo que planee hacer con el contenido posteriormente. Si es necesario abrir, crear o modificar un archivo .pptx, utilice esta habilidad.

Procesamiento de PDF listo para producción con formularios, tablas, OCR, validación y operaciones por lotes. Úselo al trabajar con flujos de trabajo complejos de PDF en entornos de producción, procesando grandes volúmenes de PDFs o requiriendo manejo robusto de errores y validación.

Guía integral de optimización de rendimiento para React y Next.js con más de 40 reglas para eliminar cascadas, optimizar paquetes y mejorar el renderizado. Úsela al optimizar aplicaciones React, revisar el rendimiento o refactorizar componentes.

"DEBE usar esto antes de cualquier trabajo creativo: crear características, construir componentes, agregar funcionalidad o modificar el comportamiento. Explora la intención del usuario, los requisitos y el diseño antes de la implementación."