ad-creative

Generate static HTML ad creatives for social media and display advertising campaigns.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/AmirEmad11/instabot --skill ad-creative-amiremad11
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ad-creative
Source: https://github.com/AmirEmad11/instabot/tree/main/.local/secondary_skills/ad-creative
Command: npx skills add https://github.com/AmirEmad11/instabot --skill ad-creative-amiremad11

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing platform-compliant ad creatives requires knowing each platform's dimensions, character limits, and safe zones, plus enforcing brand consistency across multiple ad variants. This Skill produces production-ready static ads as HTML files rendered on a canvas, handling brand research, copy angles, and layout rules automatically. ## Core Features & Use Cases - Multi-platform ad generation: Builds creatives for Meta (Facebook/Instagram), Google Display, LinkedIn, TikTok, and X/Twitter with correct dimensions, safe zones, and character limits. - Angle-based copywriting: Generates 3-5 distinct psychological angles (pain point, outcome, social proof, urgency) with validated character counts for headlines and descriptions. - Brand identity extraction: Pulls real brand colors from site CSS, extracts actual SVG logos, and loads correct fonts via Google Fonts instead of guessing. - Campaign modes: Supports direct-response ads, awareness/launch campaigns with hero images, carousel ads, retargeting variants, seasonal ads, and multi-format output. - Use Case: A marketer needs three Facebook ad variants for A/B testing a product launch. The Skill researches the brand's fonts and colors, writes copy for three angles, builds the HTML ads via parallel design subagents, and presents them side-by-side on the canvas for comparison. ## Quick Start Create three Facebook feed ad variants for my brand using pain point, social proof, and outcome angles, then show them side by side on the canvas.

Frequently Asked Questions about ad-creative

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

FAQPage Schema
How do I create Facebook and Instagram ad creatives with correct dimensions?

Specify the platform and placement, and the Skill builds ads at the right sizes: 1080x1080 square, 1080x1350 portrait for feed, and 1080x1920 for stories and reels. It respects safe zones so text avoids areas covered by platform UI.

What ad sizes does Google Display require?

Responsive Display Ads need landscape 1200x628, square 1200x1200, and optional portrait 1200x1500 images under 5MB. The highest-inventory fixed banner sizes are 300x250, 728x90, 320x50, 300x600, and 336x280.

Can I use my own product photos in the ads?

Yes. Upload your images and they are copied into the mockup server directory with corrected permissions, then used as full-bleed hero backgrounds with a gradient overlay and text on top. No new images are generated when you provide your own.

How does the Skill match my brand's fonts and colors?

It extracts actual hex colors from your website's CSS rather than trusting search results, pulls the real SVG logo from your site's HTML, and loads your brand's typefaces or closest Google Fonts alternatives in every ad file.

When should I not use this Skill for ad content?

Do not use it for organic social media content, video or animated ads, or full landing pages. It is limited to static image creatives for paid advertising placements.

Why do my canvas ad previews show stale content after edits?

Canvas iframes cache aggressively, so the version query parameter on the iframe URL must be incremented after every HTML edit. Files must also live in the mockup-sandbox public ads directory to be served correctly.