marketing-visual-design by vasilyu1983/ai-agents-public
npx skills add https://github.com/vasilyu1983/ai-agents-public --skill marketing-visual-design用于创建营销视觉资产的生产就绪模式。
范围:广告创意、社交媒体图形、电子邮件视觉、演示文稿设计、品牌宣传材料。不包含产品用户界面(请使用 software-ui-ux-design)。
主要规格和来源:data/sources.json(官方文档 + 精选最佳实践)。
assets/ 文件夹中的模板(简报、轮播图、演示文稿大纲)来获取需求。使用 software-ui-ux-design 处理产品用户界面,marketing-cro 处理实验设计,marketing-content-strategy 处理信息传递系统。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
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
| 平台 | 帖子 | 故事/Reel | 封面/横幅 |
|---|---|---|---|
| 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 |
| 平台 | 尺寸 | 安全区域 | 最大文件 |
|---|---|---|---|
| Meta | 1080x1080, 1080x1350 (4:5 最佳) | 距边缘 14% | 30MB/4GB |
| Google Display | 300x250, 728x90, 300x600 | N/A | 150KB |
| YouTube 缩略图 | 1280x720 | 右下角 | 2MB |
| TikTok Ads | 1080x1920 | 顶部 130px,底部 440px | 500MB |
完整规格和边缘情况,请使用 references/。
| 元素 | 优先级 | 位置 |
|---|---|---|
| 吸引点/标题 | 1 | 顶部 1/3 |
| 主视觉 | 2 | 中心 |
| 价值主张 | 3 | 中部 |
| 行动号召 | 4 | 底部 1/3 |
| 徽标 | 5 | 角落 |
| 平台 | 最大文字量 | 安全区域 |
|---|---|---|
| Meta | 建议 <20% | 距边缘 14% |
| TikTok | 最少 | 顶部 130px,底部 440px |
| 无严格限制 | 标题 <2 行 |
SLIDE 1: Hook (problem or bold statement)
SLIDE 2-4: Solution/Benefits
SLIDE 5: Social proof
SLIDE 6: CTA with offer
| 部分 | 时长 | 目的 |
|---|---|---|
| 吸引 | 0-3s | 停止滚动 |
| 激发痛点 | 3-10s | 放大痛点 |
| 解决方案 | 10-20s | 产品演示 |
| 证明 | 20-30s | 客户评价 |
| 行动号召 | 30-45s | 行动 |
references/ai-design-tools.md 获取工具选择、提示框架和避免伪影的方法。| 用途 | 格式 |
|---|---|
| 照片 | JPEG |
| 透明背景 | PNG |
| 徽标/图标 | SVG |
| 动画 | GIF/WebP |
| 印刷 | |
| 视频 | MP4 (H.264) |
| 资源 | 用途 |
|---|---|
| references/ad-creative-specs.md | Meta、Google、LinkedIn、TikTok 的完整规格 |
| references/social-media-dimensions.md | 完整的平台尺寸 |
| references/presentation-design.md | 投资者演示文稿、销售演示文稿 |
| references/email-visual-specs.md | 电子邮件设计规格 |
| references/ai-design-tools.md | AI 提示、工作流程 |
| references/brand-collateral.md | 单页文档、案例研究 |
| references/2026-creative-trends.md | 用户生成内容风格、感官设计、Meta 算法 |
| references/video-creative-specs.md | 按平台划分的视频规格、编码、安全区域 |
| references/motion-animation.md | 动画广告、GIF/HTML5/Lottie、微交互 |
| references/accessibility-visual.md | WCAG 2.2、对比度、替代文本、包容性设计 |
| references/creative-testing-framework.md | A/B 测试、动态创意优化、疲劳检测、迭代 |
| references/infographic-data-viz.md | 图表选择、数据叙事、社交媒体信息图 |
| references/typography-for-marketing.md | 字体选择、文字层级、可读性、电子邮件字体栈 |
| references/photography-direction.md | 艺术指导、图库与定制、产品摄影、图像优化 |
此技能使用美国/西方市场默认设置。对于国际视觉设计:
| 需求 | 参见技能 |
|---|---|
| 文化色彩象征意义 | marketing-geo-localization |
| 区域图像指南 | marketing-geo-localization |
| 从右到左设计适配 | marketing-geo-localization |
| 区域平台规格(微信、LINE) | marketing-geo-localization |
自动触发:当您的查询提及特定国家、文化适配或从右到左设计时,这两个技能会自动加载。
| 技能 | 用途 |
|---|---|
| marketing-cro | 落地页优化 |
| marketing-content-strategy | 品牌信息传递 |
| marketing-social-media | 社交媒体策略 |
| marketing-paid-advertising | 广告活动策略 |
| software-ui-ux-design | 产品用户界面(非营销) |
每周安装量
226
代码仓库
GitHub 星标数
48
首次出现
Jan 23, 2026
安全审计
安装于
opencode188
gemini-cli182
codex175
claude-code164
github-copilot164
cursor161
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).
assets/ (brief, carousel, deck outline).Use software-ui-ux-design for product UI, marketing-cro for experiment design, and marketing-content-strategy for messaging systems.
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 | 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 |
| 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/.
| 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 |
| Platform | Max Text | Safe Zone |
|---|---|---|
| Meta | <20% recommended | 14% from edges |
| TikTok | Minimal | Top 130px, bottom 440px |
| No strict limit | Headlines <2 lines |
SLIDE 1: Hook (problem or bold statement)
SLIDE 2-4: Solution/Benefits
SLIDE 5: Social proof
SLIDE 6: CTA with offer
| 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 |
references/ai-design-tools.md for tool selection, prompt frameworks, and artifact avoidance.| Use Case | Format |
|---|---|
| Photos | JPEG |
| Transparency | PNG |
| Logos/icons | SVG |
| Animation | GIF/WebP |
| Video | MP4 (H.264) |
| 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 |
| Template | Purpose |
|---|---|
| assets/ad-creative-brief.md | Creative brief |
| assets/social-carousel-template.md | Carousel structure |
| assets/pitch-deck-outline.md | Investor deck |
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.
| 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) |
Weekly Installs
226
Repository
GitHub Stars
48
First Seen
Jan 23, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode188
gemini-cli182
codex175
claude-code164
github-copilot164
cursor161
专业文案撰写指南:转化文案写作技巧、框架与SEO优化原则
52,900 周安装
| 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 |