ascii-graphic

Generate self-contained HTML banner images from ASCII block-art text.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/indigoai-us/hq --skill ascii-graphic
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ascii-graphic
Source: https://github.com/indigoai-us/hq/tree/main/template/.claude/skills/ascii-graphic
Command: npx skills add https://github.com/indigoai-us/hq --skill ascii-graphic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate self-contained HTML banner images from ASCII block-art text for social posts and OG previews, enabling distinctive branding without external design tools.

Core Features & Use Cases

  • Generates self-contained HTML images with large ASCII block-art banners in a midnight aesthetic
  • Supports two canvas sizes: Social 1080x1080 and OG 1200x630, with layout and typography rules
  • Includes a design-system guide covering canvas, typography, color palette, and layout; provides pre-composed examples for reference
  • Use case: create repeatable, on-brand banners for product launches, announcements, and repo visuals

Quick Start

Create a banner reading "HQ" at 1080x1080 for social posts using the ASCII graphic generator.

Frequently Asked Questions about ascii-graphic

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

FAQPage Schema
How do I generate HTML banner images from ASCII block-art for social posts?

You can generate self-contained HTML banner images from ASCII block-art text by applying a midnight aesthetic design system. This process provides layout, typography, color palette, and logo placement rules across 1080x1080 social and 1200x630 OG canvases.

Can I create OG preview images with a monospace design system?

Yes, you can create OG preview images with a monospace design system using the 1200x630 canvas size. The generator applies specific typography, color palette, and layout rules to ensure your OG previews maintain a consistent midnight aesthetic.

What is the best way to make ASCII art banners for product announcements?

The best way to make ASCII art banners for product announcements is using a pre-composed HTML and CSS template. This approach ensures repeatable, on-brand visuals without needing external design tools, applying standardized layout and logo placement rules.

Do I need external design tools to create dark aesthetic social media banners?

No, you do not need external design tools to create dark aesthetic social media banners. The generator outputs self-contained HTML images with large ASCII block-art, enabling distinctive branding directly through code using a provided HTML and CSS template.

Does the ASCII graphic generator support 1080x1080 social canvases?

Yes, the ASCII graphic generator supports 1080x1080 social canvases. It includes specific layout and typography rules for this size, alongside 1200x630 OG canvases, ensuring your block-art text displays correctly across different platforms.

Why use HTML and CSS for ASCII art banners instead of image editors?

Using HTML and CSS for ASCII art banners allows you to generate self-contained images directly from code, ensuring repeatable branding for launches. This approach bypasses image editors by applying a design system guide with pre-composed examples for consistent visual output.