Skills Agentes

Og Image Generation

Genera imágenes de vista previa social dinámicas usando convenciones de archivos de Next.js y la librería next/og. Imágenes JSX renderizadas en servidor, cacheadas en build time.

Estrellas
20

en todo el repo

Actividad
46

0–100, la ruta de este skill

Actualizado
hace 3 meses

último commit aquí

Commits
1

últimos 90 días

Contexto
109 tok

36 tok en reposo

Paquete
1 archivo

437 B

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add andrelandgraf/fullstackrecipes --skill og-image-generation --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

  • Genera imágenes de vista previa social dinámicas usando las convenciones de archivos de Next.js y la librería next/og
  • Renderiza imágenes JSX en el servidor, cacheadas en build time

Úsalo cuando

  • Necesitas generar imágenes OG dinámicas para redes sociales en un proyecto Next.js

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Genera imágenes OG dinámicas para mi sitio Next.js
    • Crea preview images con next/og para mis páginas

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Requiere un proyecto Next.js con la librería next/og.

    Necesita en el PATH:curl

    Detalles

    Licencia
    No especificada
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Más de andrelandgraf/fullstackrecipes

    Este repo incluye 28 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack fullstackrecipes entero y su comando de instalación

    Guías para escribir contenido de fullstackrecipes: setup recipes, skills expuestas, cookbooks, templates y utilidades instalables del registro, pensadas para mantenedores del proyecto, no para consumidores del stack.

    Costo de contexto al activarse
    2.5k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    herramientas desarrollo

    Descubre y sigue las recetas de fullstackrecipes (guías de setup, skills, cookbooks) obteniendo su Markdown; la meta-skill para encontrar y aplicar recetas correctamente.

    Costo de contexto al activarse
    719 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    herramientas desarrollo

    Rastrea eventos personalizados y conversiones con Vercel Web Analytics mediante track(). Úsalo al instrumentar acciones de usuario, conversiones o envíos de formularios.

    Costo de contexto al activarse
    483 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    datos analitica

    Lee sesiones en cliente y servidor, protege rutas y ejecuta sign in/up/out con Better Auth. Úsalo al restringir páginas/APIs por autenticación o al conectar flujos de auth.

    Costo de contexto al activarse
    672 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    Añade componentes de UI y páginas para flujos de autenticación: inicio de sesión, registro, recuperación de contraseña, restablecimiento de contraseña y verificación de email.

    Costo de contexto al activarse
    89 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    Añade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend.

    Costo de contexto al activarse
    76 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    Skills relacionados

    Úsalo cuando la implementación esté completa, todos los tests pasen, y necesites decidir cómo integrar el trabajo.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 25 días
    herramientas desarrollo

    Úsalo al empezar trabajo de feature que necesita aislamiento del workspace actual, o antes de ejecutar planes de implementación: asegura un workspace aislado vía herramientas nativas o fallback a git worktree.

    Costo de contexto al activarse
    1.7k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 2 meses
    herramientas desarrollo

    Úsala al crear nuevas skills, editar skills existentes o verificar que funcionan antes de desplegarlas.

    Costo de contexto al activarse
    6.6k tok
    Tamaño del paquete
    7 archivos
    Última actualización
    hace 25 días
    herramientas desarrollo