marketing-visual-design
Visual marketing asset creation for ads, social media, email, presentations, and brand collateral. Platform-specific dimensions, creative best practices, AI design tools, and conversion-focused visual hierarchy. Use when you need production-ready marketing visuals.
- Installs
- 226
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/vasilyu1983/ai-agents-public --skill marketing-visual-design- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads marketing-visual-design automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Marketing Visual Design
Production-ready patterns for marketing visual asset creation.
Scope: Ad creatives, social media graphics, email visuals, presentation design, brand collateral. NOT product UI (use software-ui-ux-design).
Primary specs & sources: data/sources.json (official docs + curated best practices).
Quick Start
- Pick the asset type using the decision tree.
- Capture requirements using
assets/(brief, carousel, deck outline). - Produce a layout spec + copy variants + export plan (and a prompt pack if AI-generated).
- Run QA gates (readability, brand, compliance, accessibility, specs) before handoff.
Use software-ui-ux-design for product UI, marketing-cro for experiment design, and marketing-content-strategy for messaging systems.
Workflow
- Confirm channel + placement (paid/organic, platform, static/video, ratio).
- Ask intake questions (goal, audience, offer, proof, CTA, constraints, brand rules).
- Select a creative direction (2-3 options) and lock the core message.
- Build layout using the hierarchy rules (hook -> hero -> value -> CTA -> brand).
- Create variants for testing (3-5); change one major variable per variant.
- Run QA gates (specs, safe zones, readability, compliance, accessibility, export).
- Handoff deliverables (final exports + editable source + copy + notes).
Intake (Ask First)
- Objective: awareness, click, lead, purchase, retention
- Audience: who, what they care about, what they already know
- Offer: product, price/promo, risk reversal (trial/guarantee), deadline
- Proof: 1-2 strongest stats, testimonial, logo, rating, demo signal
- CTA: one action verb + destination (landing page, app store, form)
- Platform constraints: placement(s), ratio, file format, file size, duration
- Brand constraints: logo usage, fonts, colors, imagery rules, do/don’t list
- Compliance constraints: claims policy, regulated category, trademark usage, consent/model releases
Decision Tree
MARKETING VISUAL REQUEST
|-- \"Ad creative\" -> references/ad-creative-specs.md
|-- \"Social media graphic\" -> references/social-media-dimensions.md
|-- \"Email banner\" -> references/email-visual-specs.md
|-- \"Presentation/deck\" -> references/presentation-design.md
|-- \"One-pager/collateral\" -> references/brand-collateral.md
`-- \"AI-generated visual\" -> references/ai-design-tools.md
Platform Dimensions Quick Reference
Social Media (Static)
| Platform | Post | Story/Reel | Cover/Banner |
|---|---|---|---|
| 1080x1080, 1080x1350 | 1080x1920 | N/A | |
| 1200x630, 1080x1080 | 1080x1920 | 820x312 | |
| 1200x1200, 1200x628 | N/A | 1584x396 | |
| TikTok | 1080x1080 | 1080x1920 | N/A |
| YouTube | N/A | 1080x1920 (Shorts) | 2560x1440 |
Ad Platforms
| Platform | Sizes | Safe Zone | Max File |
|---|---|---|---|
| Meta | 1080x1080, 1080x1350 (4:5 best) | 14% from edges | 30MB/4GB |
| Google Display | 300x250, 728x90, 300x600 | N/A | 150KB |
| YouTube Thumbnail | 1280x720 | Right-bottom | 2MB |
| TikTok Ads | 1080x1920 | Top 130px, bottom 440px | 500MB |
For full specs and edge cases, use references/.
Visual Hierarchy for Ads
| Element | Priority | Placement |
|---|---|---|
| Hook/Headline | 1 | Top 1/3 |
| Hero Visual | 2 | Center |
| Value Prop | 3 | Middle |
| CTA | 4 | Bottom 1/3 |
| Logo | 5 | Corner |
Text Overlay Rules
| Platform | Max Text | Safe Zone |
|---|---|---|
| Meta | <20% recommended | 14% from edges |
| TikTok | Minimal | Top 130px, bottom 440px |
| No strict limit | Headlines <2 lines |
Variant Testing (Fast Defaults)
- Create 3-5 variants per concept: hook, hero visual, offer framing, CTA, proof.
- Keep one major variable per variant to attribute performance.
- Prioritize native-looking creative for social (UGC-style often wins) unless the brand requires polish.
Carousel Structure
SLIDE 1: Hook (problem or bold statement)
SLIDE 2-4: Solution/Benefits
SLIDE 5: Social proof
SLIDE 6: CTA with offer
Video Structure (Hook-Retain-Convert)
| Section | Duration | Purpose |
|---|---|---|
| Hook | 0-3s | Stop scroll |
| Agitate | 3-10s | Amplify pain |
| Solution | 10-20s | Product demo |
| Proof | 20-30s | Testimonials |
| CTA | 30-45s | Action |
AI-Generated Visuals (Operational Notes)
- Use
references/ai-design-tools.mdfor tool selection, prompt frameworks, and artifact avoidance. - Prefer brand-safe workflows: licensed stock, first-party photography, or tools with clear commercial terms.
- Treat text-in-image as unreliable for exact typography; use AI for backgrounds/hero imagery, then typeset in design tools.
QA Gates (Run Before Delivery)
- Specs: dimensions, aspect ratio, safe zones, duration (video), file size.
- Readability: passes thumbnail test, high contrast, minimal on-image text.
- Brand: correct logo, colors, fonts; consistent style across variants.
- Compliance: avoid prohibited claims, unlicensed trademarks, misleading before/after, missing disclosures.
- Accessibility: sufficient contrast, large-enough type, avoid text-only communication of meaning.
- Deliverables: export naming is consistent; editable source files included.
File Formats
| Use Case | Format |
|---|---|
| Photos | JPEG |
| Transparency | PNG |
| Logos/icons | SVG |
| Animation | GIF/WebP |
| Video | MP4 (H.264) |
Resources
| Resource | Purpose |
|---|---|
| references/ad-creative-specs.md | Full specs for Meta, Google, LinkedIn, TikTok |
| references/social-media-dimensions.md | Complete platform dimensions |
| references/presentation-design.md | Investor deck, sales deck |
| references/email-visual-specs.md | Email design specs |
| references/ai-design-tools.md | AI prompting, workflows |
| references/brand-collateral.md | One-pagers, case studies |
| references/2026-creative-trends.md | UGC-style, sensory design, Meta algorithm |
| references/video-creative-specs.md | Video specs by platform, encoding, safe zones |
| references/motion-animation.md | Animated ads, GIF/HTML5/Lottie, micro-interactions |
| references/accessibility-visual.md | WCAG 2.2, contrast, alt text, inclusive design |
| references/creative-testing-framework.md | A/B testing, DCO, fatigue detection, iteration |
| references/infographic-data-viz.md | Chart selection, data storytelling, social infographics |
| references/typography-for-marketing.md | Font selection, type hierarchy, readability, email font stacks |
| references/photography-direction.md | Art direction, stock vs custom, product photography, image optimization |
Templates
| Template | Purpose |
|---|---|
| assets/ad-creative-brief.md | Creative brief |
| assets/social-carousel-template.md | Carousel structure |
| assets/pitch-deck-outline.md | Investor deck |
International Markets
This skill uses US/Western market defaults. For international visual design:
| Need | See Skill |
|---|---|
| Cultural color symbolism | marketing-geo-localization |
| Regional imagery guidelines | marketing-geo-localization |
| RTL design adaptations | marketing-geo-localization |
| Regional platform specs (WeChat, LINE) | marketing-geo-localization |
Auto-triggers: When your query mentions specific countries, cultural adaptation, or RTL design, both skills load automatically.
Related Skills
| Skill | Purpose |
|---|---|
| marketing-cro | Landing page optimization |
| marketing-content-strategy | Brand messaging |
| marketing-social-media | Social strategy |
| marketing-paid-advertising | Campaign strategy |
| software-ui-ux-design | Product UI (not marketing) |
FAQ
What does the marketing-visual-design skill do?
Visual marketing asset creation for ads, social media, email, presentations, and brand collateral. Platform-specific dimensions, creative best practices, AI design tools, and conversion-focused visual hierarchy. Use when you need production-ready marketing visuals.
How do I install marketing-visual-design?
Run npx skills add https://github.com/vasilyu1983/ai-agents-public --skill marketing-visual-design in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/marketing-visual-design/ (personal) or .claude/skills/marketing-visual-design/ (project).
Which AI agents can use marketing-visual-design?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is marketing-visual-design safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains marketing-visual-design?
It is published by vasilyu1983 in vasilyu1983/ai-agents-public. It has 226 recorded installs.
More from vasilyu1983/ai-agents-public
software-architecture-design
vasilyu1983/ai-agents-public
Designs runtime topology in a chosen solution. Use when choosing monolith vs services, cells, consistency, ADRs. Not for cross-system design (software-solution-architecture).
product-management
vasilyu1983/ai-agents-public
Guides founder-PM discovery, roadmaps, prioritization, and PMF measurement. Use when planning product strategy, metrics, or roadmaps.
document-xlsx
vasilyu1983/ai-agents-public
Builds Excel charts, pivots, validation, exports, Office Scripts/Graph automation, and workbook audits. Use when automating workbooks; for plain edits prefer official xlsx skill.
software-ui-ux-design
vasilyu1983/ai-agents-public
Designs and audits UI/UX systems with usability and accessibility requirements. Use when shaping flows, design systems, interaction patterns, or WCAG-aware product behavior.
document-pdf
vasilyu1983/ai-agents-public
Handles PDF/UA accessibility, real redaction, metadata scrubbing, signing, and extraction. Use when redacting or signing PDFs; for plain create/merge prefer the official pdf skill.
qa-testing-playwright
vasilyu1983/ai-agents-public
Builds and debugs Playwright E2E suites. Use when authoring browser tests, fixing flakes, or hardening Playwright CI and locator strategy.
Popular marketing & seo skills
reddit-automation
flowkit-labs/skills
Find Reddit threads where people are genuinely asking for what you offer, then draft short, genuinely helpful replies — disclosing your affiliation honestly and naming your product only when it truly answers the question. Two moves: discovery — scan the right subreddits for real needs (recommendation asks, expressed pain, competitor mentions) and rank the few threads where you can actually help; drafting — write from real experience, respect each community's self-promo rules, and keep a human in the loop to review and post. This markets on Reddit the honest way: contribute value, disclose who you are, never astroturf. Distilled from the playbook behind doany.ai's Reddit agent. Triggers on "find reddit opportunities", "reddit marketing", "reddit automation", "reply on reddit for my product", "reddit community engagement", "reddit lead gen", or any ask to turn Reddit threads into genuine, disclosed marketing replies.
twitter-automation
101-skills/superpowers
Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet
twitter-automation
magentosh/superpowers
Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet
twitter-automation
qu-skills/superpowers
Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet
product-launch-video
heygen-com/hyperframes
Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes.
twitter-automation
skills-shell/superpowers
Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet