skills.rest
TarunTeja44
TarunTeja44COMMUNITY
Explore all skills by this author →
GitHub

banner-design

Generate multi-format banner designs for social media, ads, web heroes, and print with AI visuals.

1|Updated Feb 22, 2026
Search Tags:#social media#ai image generation#art direction#ad creative#png export#html css#banner design
One-click install
npx skills add https://github.com/TarunTeja44/portfolio --skill banner-design-tarunteja44
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: banner-design
Source: https://github.com/TarunTeja44/portfolio/tree/main/.agents/skills/banner-design
Command: npx skills add https://github.com/TarunTeja44/portfolio --skill banner-design-tarunteja44

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating banners across platforms requires knowing dozens of size specs, safe zones, and style conventions, and producing multiple art direction options manually is slow and inconsistent. ## Core Features & Use Cases - Multi-Platform Size Support: Covers Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display Ads, website heroes, and print formats with exact dimensions and safe-zone rules. - Multiple Art Direction Options: Generates several design variants per request from 22 documented styles including minimalist, gradient, glassmorphism, neon, and editorial. - AI Visual Generation & Export: Produces background and hero imagery via Gemini image models, composes text and CTA overlays in HTML/CSS, and exports final PNGs at exact platform dimensions. - Use Case: A marketer needs a Twitter/X header and an Instagram story for a product launch; the skill researches references, generates three styled options per format, and exports ready-to-use PNGs. ## Quick Start Ask the AI to design three minimalist banner options for a Twitter/X header promoting your product launch.

Frequently Asked Questions about banner-design

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

FAQPage Schema
How do I create a banner for multiple social media platforms?▼

Specify the platforms and content, and the skill generates banners at each platform's exact dimensions, such as 1500x500 for Twitter/X headers or 1080x1920 for Instagram stories. It applies safe-zone rules so critical content stays visible across devices.

What banner sizes does Google Display Ads require?▼

Common Google Display sizes include 300x250 Medium Rectangle, 728x90 Leaderboard, 300x600 Half Page, and 320x50 Mobile Banner. The skill's reference file lists all supported sizes with notes on performance.

Can I generate banner background images with AI?▼

Yes, the skill uses Gemini image models to generate backgrounds, patterns, and hero illustrations at 2K or 4K resolution. The Flash model suits quick backgrounds while the Pro model handles complex illustrations and photorealistic scenes.

What design styles are available for banners?▼

Twenty-two art direction styles are documented, including minimalist, bold typography, gradient, glassmorphism, neon/cyberpunk, duotone, editorial, and 3D. Each request typically produces two to three complementary style options.

What are the limitations of this banner design skill?▼

The skill handles static banner design only and does not cover video editing, full website design, or print production management. Print output guidance is limited to specs like 300 DPI, CMYK, and bleed settings.

Related Skills

Explore More Design & Creative Skills→
mm88nl-webmm88nl-web

brand-guidelines

Create a comprehensive brand standards document covering logo, color, typography, voice, and messaging rules.

Community
Intermediate
billiampaladbilliampalad
1

banner-design

Designs multi-format banners in HTML/CSS and exports them as PNG images.

Community
Intermediate
guia-matthieuguia-matthieu
145

design-trends-2026

Apply 2026 graphic design trends to creative briefs with visual vocabulary and AI prompts.

Community
Intermediate
MarcoBolsaMarcoBolsa

image

Generates and optimizes marketing images using AI models, design tools, and web performance best practices.

Community
Intermediate