Generates professional, multi-platform creative banners using a combination of AI-powered visuals and structured HTML/CSS layouts.
This skill automates the end-to-end process of designing high-quality banners for social media, display ads, and website hero sections. By leveraging advanced AI image generation models alongside precise HTML/CSS rendering, it ensures every asset follows brand guidelines, adheres to platform-specific safe zones, and includes optimized calls-to-action. The skill researches current trends on Pinterest, generates creative assets using Gemini-powered vision models, and exports production-ready PNGs with built-in compression. It is an essential tool for developers and marketers who need to move from design concept to final asset within the Claude Code environment.
主な機能
01Dual-model AI image generation for both rapid iterations and 4K professional visuals
02Multi-platform support including Facebook, X, LinkedIn, Instagram, and Google Ads
03Pinterest-integrated research workflow for trend-aligned art direction and inspiration
04Direct PNG export with built-in image compression and brand context injection
051 GitHub stars
06Automated HTML/CSS layout engine ensuring perfect typography and safe-zone compliance
ユースケース
01Creating consistent social media branding for headers, covers, and promotional posts
02Generating creative campaign assets with multiple art direction options for A/B testing
03Designing high-conversion Google Display ads and website hero sections with precise dimensions
