16 Skills para potenciar tu IA
Catálogo de skills de OpenCode agrupados por categoría. Cada skill incluye descripción, caso de uso y cómo activarlo.
Los skills se activan mencionándolos en el chat o referenciándolos en AGENTS.md. No necesitas instalarlos — con que existan en la carpeta correspondiente, la IA los encuentra.
Diseño
7Cómo activarlo
Usa el skill de ui-ux-pro-max
Ubicación
.claude/skills/ui-ux-pro-max/
Uso recomendado
Consultar patrones de UI/UX, encontrar mejores prácticas por stack tecnológico
Origen
claudekit — diseño UI/UXCómo descargarlo
Viene incluido en el proyecto. Si falta, copia la carpeta .claude/skills/ui-ux-pro-max/ desde el repo raíz.
Cómo activarlo
Usa el skill de design
Ubicación
.claude/skills/design/
Uso recomendado
Crear identidad visual, logos, mockups, sistema de diseño completo
Origen
claudekit — diseño integralCómo descargarlo
Viene incluido en el proyecto. Si falta, copia la carpeta .claude/skills/design/ desde el repo raíz.
Cómo activarlo
Usa el skill de design-system
Ubicación
.claude/skills/design-system/
Uso recomendado
Definir tokens de diseño, crear especificaciones de componentes, slides estratégicos
Origen
claudekit — tokens y componentesCómo descargarlo
Viene incluido en el proyecto. Si falta, copia la carpeta .claude/skills/design-system/ desde el repo raíz.
Cómo activarlo
Usa el skill de frontend-design
Ubicación
.agents/skills/frontend-design/
Uso recomendado
Convertir diseños a código implementando las guías de UI/UX Pro Max
Origen
adrian_9559 — propioCómo descargarlo
Copia la carpeta .agents/skills/frontend-design/ desde el repo raíz o créala manualmente con el contenido del tutorial.
Cómo activarlo
Usa el skill de banner-design
Ubicación
.claude/skills/banner-design/
Uso recomendado
Crear banners para Facebook, Twitter, LinkedIn, YouTube, Instagram, Google Display
Origen
claudekit — bannersCómo descargarlo
Viene incluido en el proyecto. Si falta, copia .claude/skills/banner-design/ desde el repo raíz.
Cómo activarlo
Usa el skill de ui-styling
Ubicación
.claude/skills/ui-styling/
Uso recomendado
Construir componentes accesibles, temas modo oscuro, posters, layouts responsive
Origen
claudekit — interfacesCómo descargarlo
Viene incluido en el proyecto. Si falta, copia .claude/skills/ui-styling/ desde el repo raíz.
Cómo activarlo
Usa el skill de brand
Ubicación
.claude/skills/brand/
Uso recomendado
Crear contenido alineado con la marca, revisar consistencia, generar guías de estilo
Origen
claudekit — marcaCómo descargarlo
Viene incluido en el proyecto. Si falta, copia .claude/skills/brand/ desde el repo raíz.
Desarrollo
2Cómo activarlo
Usa el skill de nodejs-backend-patterns
Ubicación
.agents/skills/nodejs-backend-patterns/
Uso recomendado
Construir servidores Node.js, REST APIs, microservicios, backend con Express
Origen
Comunidad OpenCodeCómo descargarlo
Clona el repo comunitario de skills: git clone https://github.com/opencode/skills ~/.agents/skills/
Cómo activarlo
Usa el skill de vercel-react-best-practices
Ubicación
.agents/skills/vercel-react-best-practices/
Uso recomendado
Optimizar rendimiento de apps React/Next.js, revisar patrones de data fetching
Origen
Vercel — oficialCómo descargarlo
npx opencode@latest skill add vercel-react-best-practices
Base de Datos
1Cómo activarlo
Usa el skill de supabase
Ubicación
.agents/skills/supabase/
Uso recomendado
Configurar Supabase, escribir RLS policies, migraciones, Edge Functions, integración SSR
Origen
Supabase — oficialCómo descargarlo
npx opencode@latest skill add supabase
Inteligencia de Código
1Cómo activarlo
Usa el skill de graphify
Ubicación
.claude/skills/graphify/
Uso recomendado
Entender arquitectura del código, encontrar dependencias, trazar impacto de cambios
Origen
GraphifyCómo descargarlo
Instala CodeGraph en el proyecto (codegraph init) y añade .claude/skills/graphify/ desde el repo raíz.
Herramientas
4Cómo activarlo
Usa el skill de context7-mcp
Ubicación
.agents/skills/context7-mcp/
Uso recomendado
Obtener docs actualizados de React, Next.js, Prisma, Express, Tailwind, etc.
Origen
Comunidad OpenCodeCómo descargarlo
npx opencode@latest skill add context7-mcp
Cómo activarlo
Usa el skill de find-docs
Ubicación
.agents/skills/find-docs/
Uso recomendado
Buscar documentación de librerías, APIs, SDKs y herramientas CLI
Origen
Comunidad OpenCodeCómo descargarlo
npx opencode@latest skill add find-docs
Cómo activarlo
Usa el skill de find-skills
Ubicación
.agents/skills/find-skills/
Uso recomendado
Encontrar skills disponibles para una tarea concreta
Origen
Comunidad OpenCodeCómo descargarlo
npx opencode@latest skill add find-skills
Cómo activarlo
Usa el skill de customize-opencode
Ubicación
.opencode/skills/customize-opencode/
Uso recomendado
Editar configuración de OpenCode, crear skills y plugins
Origen
OpenCode — built-inCómo descargarlo
Viene incluido con OpenCode. Si no aparece, actualiza a la última versión: npx opencode@latest upgrade
Contenido y Presentaciones
1Cómo activarlo
Usa el skill de slides
Ubicación
.claude/skills/slides/
Uso recomendado
Generar presentaciones con gráficos, slides de estrategia, storytelling visual
Origen
claudekit — presentacionesCómo descargarlo
Viene incluido en el proyecto. Si falta, copia .claude/skills/slides/ desde el repo raíz.