display-ads

Generate branded display ads in multiple sizes from a JSON config.

Updated Sep 1, 2021
One-click install
npx skills add https://github.com/unclehowell/unclehowell --skill display-ads-unclehowell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: display-ads
Source: https://github.com/unclehowell/unclehowell/tree/main/skills/display-ads
Command: npx skills add https://github.com/unclehowell/unclehowell --skill display-ads-unclehowell

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Agents need to update display ad assets and copy across multiple sizes while maintaining consistent branding, without manually editing HTML.

Core Features & Use Cases

  • Generates multiple ad variations from configurable colors, headlines, and dimensions while keeping the same background, logo, and smallprint.
  • Central JSON config editable by agents to change assets, text, colors, and dimensions.
  • UI at /canvas provides fullscreen view and PNG export for any banner size.
  • Example: A marketing team can quickly produce a set of banner ads for a new campaign by adding headlines and colors to the config.

Quick Start

Update the display‑ads config with new headlines and colors, then render the canvas to generate PNG ads for all dimensions.

Frequently Asked Questions about display-ads

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

FAQPage Schema
How do I generate web banner ads in multiple sizes without manually editing HTML?

You can generate web banner ads across multiple sizes by using a central JSON configuration file to define headlines, colors, and dimensions. A static HTML canvas loads these assets to render consistent display ads instantly without manual HTML editing.

How does a JSON configuration file control display ad variations?

A JSON configuration file controls display ad variations by allowing agents to update configurable colors, headlines, and dimensions. The static HTML canvas reads this config to produce multiple ad variations while keeping the background, logo, and smallprint consistent.

Can I export PNG banner ads directly from an HTML canvas?

Yes, you can export PNG banner ads directly from the HTML canvas. The UI includes a fullscreen view at the /canvas endpoint that provides PNG export functionality for any generated banner size in your display ad campaign.

What is the best way to maintain consistent branding across multiple display ad dimensions?

The best way to maintain consistent branding across multiple display ad dimensions is to centralize your assets. By loading a shared background, logo, and smallprint into a static HTML canvas, you ensure branding remains uniform while only updating configurable headlines and colors.

Do I need any external dependencies to render configurable display ads?

No external dependencies are required to render configurable display ads. The system relies on a central JSON configuration file and a static HTML canvas to load assets and produce PNG exports, making it easy to integrate into existing marketing workflows.

When should I use a JSON config approach for display ad generation?

You should use a JSON config approach for display ad generation when a marketing team needs to quickly produce a set of banner ads for a new campaign. It allows agents to rapidly apply new headlines and colors across multiple dimensions without touching HTML.