ASD

Og Image Design

Diseño de imágenes Open Graph y para compartir en redes, con especificaciones por plataforma, ubicación de texto y branding; cubre meta tags og, Twitter cards, previews de LinkedIn y generación dinámica.

Solicitabash(belt *)
Estrellas
6

en todo el repo

Actividad
60

0–100, la ruta de este skill

Actualizado
hace 11 días

último commit aquí

Commits
2

últimos 90 días

Contexto
2.6k tok

112 tok en reposo

Paquete
1 archivo

10 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add skills-101/superpowers --skill og-image-design --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

  • Genera imágenes Open Graph con belt app run infsh/html-to-image o falai/flux-dev-lora, con plantillas HTML para blog, lanzamiento de producto y tutorial
  • Aplica especificaciones por plataforma (Facebook, Twitter/X, LinkedIn, Discord, Slack) para dimensiones, formato y tamaño
  • Define reglas de diseño: tamaño de texto, zonas seguras de 40px, contraste y fondos oscuros preferidos
  • Proporciona las etiquetas meta og: y twitter: necesarias y enlaces a herramientas de validación

Úsalo cuando

  • Crear imágenes de compartir en redes sociales, miniaturas de blog, previews de enlaces o social cards
  • Definir o corregir og:image, twitter:card y otras meta etiquetas de una página
  • Diseñar un sistema consistente de imágenes OG para varias páginas de un sitio o blog

No lo uses cuando

    Qué lo activa

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

    • Genera una imagen OG de 1200x630 para mi artículo de blog
    • Ayúdame a escribir las meta etiquetas og:image y twitter:card de mi web
    • Crea una social card oscura para el lanzamiento de mi producto

    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 instalar y autenticar el CLI belt de inference.sh (npx skills add belt-sh/cli, belt login).

    Necesita en el PATH:npx

    Detalles

    Creador
    skills-101
    Categoría
    Diseño y UI
    Licencia
    No especificada
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de skills-101/superpowers

    Este repo incluye 86 skills. Si instalas uno, normalmente ya tienes los demás.

    Convierte cualquier voz en otra voz distinta preservando el contenido y la emoción del habla, mediante el CLI de inference.sh (belt).

    Costo de contexto al activarse
    1.1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    redaccion contenido

    Búsqueda web y extracción de contenido con Tavily y Exa vía la CLI de inference.sh, con apps para búsqueda IA, extracción, respuestas directas e investigación.

    Costo de contexto al activarse
    1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    investigacion

    Transcribe audio a texto con los modelos ElevenLabs Scribe y Whisper vía la CLI de inference.sh, con diarización, timestamps y traducción.

    Costo de contexto al activarse
    1.1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    productividad

    Genera imágenes con los modelos P-Image de Pruna vía la CLI de inference.sh: texto a imagen, edición, estilos LoRA, composición multi-imagen e inferencia rápida.

    Costo de contexto al activarse
    1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    diseno ui

    Genera imágenes con Google Gemini 3.1 Flash Image Preview (Nano Banana 2) vía el CLI de inference.sh: texto a imagen, edición, hasta 14 imágenes y grounding con Google Search.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    diseno ui

    Genera y edita videos físicamente realistas con los modelos Alibaba HappyHorse 1.0 vía el CLI de inference.sh: texto-a-video, imagen-a-video, referencia-a-video y edición de video.

    Costo de contexto al activarse
    1.6k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    diseno ui

    Skills relacionados

    Diseño de thumbnails de YouTube con dimensiones específicas, reglas de contraste y optimización para vista previa móvil: zonas seguras, texto, expresiones faciales y pruebas A/B.

    Costo de contexto al activarse
    2.4k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    diseno ui

    Principios de diseño de logos y buenas prácticas de generación de imágenes con IA: tipos de logo, técnicas de prompting, reglas de escalabilidad y flujos de iteración.

    Costo de contexto al activarse
    1.8k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 11 días
    diseno ui

    Componentes de ciclo de vida de herramientas para React/Next.js de ui.inference.sh: estado, progreso, aprobación y resultados de tool calls.

    Costo de contexto al activarse
    990 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    diseno ui