etkm-social-graphics

Generate platform-specific PNG social graphics from HTML via Playwright.

Updated Feb 20, 2026
One-click install
npx skills add https://github.com/easttxkravmaga/Claude --skill etkm-social-graphics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: etkm-social-graphics
Source: https://github.com/easttxkravmaga/Claude/tree/main/archive/etkm-social-graphics
Command: npx skills add https://github.com/easttxkravmaga/Claude --skill etkm-social-graphics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Complete production system that enables ETKM to generate on-brand social graphics for Facebook, Instagram, and LinkedIn without Canva or external tools. The workflow renders production-ready PNGs from HTML via Playwright, with fonts embedded and logos base64-embedded to guarantee brand-consistent output.

Core Features & Use Cases

  • End-to-end production: HTML → Playwright → PNG for Facebook, Instagram, and LinkedIn.
  • Three graphic types: Type A (Statement+Image), Type B (Type-Only Dark), Type C (Split Layout) for a range of campaign formats.
  • Platform-ready packages with embedded fonts and logos, ready to post, plus a consistent brand aesthetic per ETKM guidelines.

Quick Start

Provide Nathan with a social graphics brief and Claude will generate three platform-specific PNG packages.

Frequently Asked Questions about etkm-social-graphics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render HTML to PNG with embedded fonts using Playwright?

You can render HTML to PNG with embedded fonts using Playwright by passing base64-encoded font and logo assets directly into the HTML payload, ensuring brand-consistent visual output without external file dependencies. This Skill automates that pipeline end-to-end.

Can I generate platform-specific social graphics for Facebook, Instagram, and LinkedIn without Canva?

Yes, you can generate platform-specific social graphics for Facebook, Instagram, and LinkedIn without Canva by using an HTML→Playwright→PNG workflow. This Skill delivers ready-to-post PNG packages with embedded fonts and base64 logos.

What is the best way to automate brand-standards graphics production for multiple social media platforms?

The best way to automate brand-standards graphics production is to use a single HTML→Playwright→PNG workflow that applies predefined layout types and embeds brand assets. This Skill produces three platform-specific PNG packages from one brief.

Do I need external design tools to produce PNG graphics with base64-embedded logos?

No, you do not need external design tools to produce PNG graphics with base64-embedded logos. This Skill provides a self-contained solution that handles font embedding, logo base64 encoding, and QC processing before final delivery.

Does Playwright support font embedding for high-resolution social graphics rendering?

Yes, Playwright supports font embedding for high-resolution social graphics rendering by injecting base64-encoded font files directly into the HTML document before taking PNG screenshots. This ensures typography matches brand standards exactly.