Skills de Desarrollo

Redacta artículos técnicos y publicaciones de blog atractivos para audiencias de desarrolladores. Usa esta habilidad siempre que el usuario solicite escribir una publicación de blog, un artículo técnico o cualquier contenido técnico extenso. Actívala también cuando el usuario diga 'escribe sobre [tema técnico]', 'ayúdame a redactar un artículo', 'convierte esto en una publicación de blog', 'escribe una publicación sobre', 'quiero publicar algo sobre' o mencione escribir para una audiencia de desarrolladores. Cubre todo el proceso: refinamiento de ideas, generación de ganchos/títulos, artículo...

Úsalo al implementar cualquier funcionalidad o corrección de errores, antes de escribir el código de implementación.

Convierte texto a voz usando la inteligencia artificial de voz de ElevenLabs. Úsalo para generar audio a partir de texto, crear locuciones, construir aplicaciones de voz o sintetizar voz en más de 70 idiomas.

Convierte ideas preliminares en planes aprobados y completos en cuanto a decisiones, con estructura validada antes de codificar. Úsalo cuando los usuarios pidan 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this para funciones, arquitectura o juicios de valor. No para correcciones de errores o ediciones menores.

Divide un plan, especificación o PRD en issues independientes y abordables en el rastreador de issues del proyecto, utilizando slices verticales tipo tracer-bullet. Úsalo cuando el usuario quiera convertir un plan en issues, crear tickets de implementación o desglosar el trabajo en issues.

Convierte el contexto actual de la conversación en un PRD y publícalo en el rastreador de incidencias del proyecto. Úsalo cuando el usuario quiera crear un PRD a partir del contexto actual.

Convierte la conversación actual en una especificación y publícala en el rastreador de incidencias del proyecto — sin entrevista, solo síntesis de lo que ya han discutido.

Desglosa un plan, una especificación o la conversación actual en un conjunto de tickets trazadores, cada uno declarando sus dependencias bloqueantes, publicados en el rastreador configurado — dependencias como texto en un archivo por ticket localmente, o enlaces de bloqueo nativos en un rastreador real.

Triage de incidencias a través de una máquina de estados impulsada por roles de triage. Úselo cuando el usuario quiera crear una incidencia, hacer triage de incidencias, revisar errores entrantes o solicitudes de funciones, preparar incidencias para un agente AFK, o gestionar el flujo de trabajo de incidencias.

Configurar Cloudflare Turnstile de extremo a extremo en un proyecto — escanear el código base, crear el widget mediante la API de Cloudflare, desplegar el Worker de siteverify administrado, escribir los fragmentos de frontend, validar y persistir la skill. Cargar esto cuando un usuario solicite agregar Turnstile, configurar CAPTCHA, proteger un formulario de bots o corregir una integración de Turnstile. Espeja developers.cloudflare.com/turnstile/spin.

Domina el sistema de tipos avanzado de TypeScript, incluyendo genéricos, tipos condicionales, tipos mapeados, literales de plantilla y tipos utilitarios para construir aplicaciones con seguridad de tipos. Úsalo al implementar lógica de tipos compleja, crear utilidades de tipos reutilizables o garantizar la seguridad de tipos en tiempo de compilación en proyectos de TypeScript.

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

Extrae un glosario de lenguaje ubicuo al estilo DDD de la conversación actual, señalando ambigüedades y proponiendo términos canónicos. Guarda en UBIQUITOUS_LANGUAGE.md. Úsalo cuando el usuario quiera definir términos del dominio, construir un glosario, endurecer la terminología, crear un lenguaje ubicuo, o mencione "modelo de dominio" o "DDD".

Crea interfaces de usuario hermosas y accesibles con componentes shadcn/ui (construidos sobre Radix UI + Tailwind), estilos utilitarios de Tailwind CSS y diseños visuales basados en canvas. Úsalo al construir interfaces de usuario, implementar sistemas de diseño, crear diseños responsivos, agregar componentes accesibles (diálogos, menús desplegables, formularios, tablas), personalizar temas y colores, implementar modo oscuro, generar diseños visuales y carteles, o establecer patrones de estilo consistentes en todas las aplicaciones.

Inteligencia de diseño UI/UX para web y móvil. Incluye más de 50 estilos, 161 paletas de colores, 57 combinaciones tipográficas, 161 tipos de producto, 99 pautas de UX y 25 tipos de gráfico en 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui y HTML/CSS). Acciones: planificar, construir, crear, diseñar, implementar, revisar, corregir, mejorar, optimizar, potenciar, refactorizar y verificar código UI/UX. Proyectos: sitio web, página de aterrizaje, panel de control, panel de administración, comercio electrónico, SaaS, portafolio, blog y...

Crear o actualizar habilidades generando, editando o refinando archivos SKILL.md en este repositorio. Úsalo al crear nuevas habilidades o al revisar la estructura, el frontmatter o la guía de las existentes.

Descubre e invoca habilidades de agente. Úsalo al iniciar una sesión o cuando necesites descubrir qué habilidad aplica a la tarea actual. Esta es la meta-habilidad que rige cómo se descubren e invocan todas las demás habilidades.

Úsalo al comenzar trabajo en una funcionalidad que necesite aislamiento del espacio de trabajo actual o antes de ejecutar planes de implementación: garantiza que exista un espacio de trabajo aislado mediante herramientas nativas o el respaldo de git worktree.

Úsalo al iniciar cualquier conversación: establece cómo encontrar y usar habilidades, requiriendo la invocación de la herramienta Skill antes de CUALQUIER respuesta, incluyendo preguntas aclaratorias.

Validar que la implementación de una rama o solicitud de extracción coincida con las especificaciones introducidas de producto, técnicas, de seguridad y relacionadas. Úselo al revisar o finalizar un cambio basado en especificaciones y al resolver discrepancias entre las especificaciones registradas y la implementación.

Úsalo para optimizar costos y rendimiento en proyectos desplegados en Vercel, especialmente Next.js, SvelteKit, Nuxt y aplicaciones limitadas de Astro. Primero recopila métricas de Vercel, uso, configuración del proyecto y resultados de escaneo de código; luego investiga solo candidatos respaldados por métricas; produce recomendaciones clasificadas basadas en archivos verificados y documentación de Vercel/framework actualizada por versión. Actívalo para reducción de factura de Vercel, rutas lentas o costosas, oportunidades de caché, Invocaciones de Funciones, Minutos de Compilación, Transferencia Rápida de Datos, Core...

Úsalo cuando estés a punto de afirmar que el trabajo está completo, corregido o pasando, antes de hacer commits o crear PRs; requiere ejecutar comandos de verificación y confirmar la salida antes de hacer cualquier afirmación de éxito; siempre evidencia antes de aseveraciones.

Marco de pruebas unitarias rápidas impulsado por Vite con API compatible con Jest. Úselo al escribir pruebas, simular, configurar cobertura o trabajar con filtrado de pruebas y fixtures.

Planifica un gran bloque de trabajo —más de lo que una sesión de agente puede abarcar— como un mapa compartido de tickets de investigación en tu rastreador de incidencias, y resuélvelos uno por uno hasta que el camino hacia el destino esté despejado.

Revisar el código de UI para cumplir con las pautas de interfaz web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio contra mejores prácticas".

Auditoría integral de calidad web que cubre rendimiento, accesibilidad, SEO y mejores prácticas. Úsalo cuando te pidan "auditar mi sitio", "revisar la calidad web", "ejecutar auditoría Lighthouse", "verificar la calidad de la página" o "optimizar mi sitio web".

Kit para interactuar y probar aplicaciones web locales usando Playwright. Permite verificar funcionalidad del frontend, depurar comportamiento de la interfaz, capturar capturas de pantalla del navegador y ver registros del navegador. licencia: Términos completos en LICENSE.txt

Genera un asistente interactivo de bash que guíe a un humano a través de un procedimiento manual: configuración de terceros, una migración única, una transición de estado A→B, abriendo URLs, capturando valores, confirmando cada paso y escribiendo archivos .env y secretos de GitHub Actions.

Escribe una especificación PRODUCT.md para una funcionalidad significativa orientada al usuario en Warp, centrada en el comportamiento detallado y la validación. Úsala cuando el usuario solicite una especificación de producto, un documento de comportamiento deseado o un PRD, quiera definir el comportamiento de una funcionalidad antes de su implementación, o cuando la funcionalidad sea lo suficientemente sustancial o ambigua en su comportamiento como para que una especificación escrita mejore la implementación o la revisión.

Escribe una especificación TECH.md para una funcionalidad importante de Warp después de investigar el código base actual y las restricciones de implementación. Úsalo cuando el usuario solicite una especificación técnica, un plan de implementación o un documento de arquitectura vinculado a una especificación de producto.