Banner Creator
This handles the full loop of creating banners with AI image generation: you discuss what you need, it generates 20 variations at once using the nanobanana skill, shows you an HTML preview, then iterates based on which ones you like. Once you pick a winner, it crops to your target platform ratio (GitHub README 2:1, Twitter header 3:1, etc). The workflow is thorough, maybe even a bit prescriptive, but that's helpful when you're staring at a blank canvas. It saves everything to a dated archive folder and knows common banner sizes off the top of its head. Good for when you need a header image and don't want to fire up Figma.
- skills.sh installs
- 1.8K
- GitHub stars
- 1.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add resciencelab/opc-skills --skill banner-creator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Banner Creator Skill
Create professional banners through AI image generation with an iterative design process.
Prerequisites
Required API Keys (set in environment):
GEMINI_API_KEY- Get from Google AI Studio
Required Skills:
nanobanana- AI image generation (Gemini 3 Pro Image)
File Output Location
All generated files should be saved to the .skill-archive directory:
.skill-archive/banner-creator/<yyyy-mm-dd-summaryname>/
Example:
.skill-archive/banner-creator/2026-01-19-opc-banner/
banner-01.png
banner-02.png
...
banner-03-cropped.png
preview.html
Workflow
Step 1: Discovery & Requirements
Before generating, gather requirements from user:
Ask about:
-
Purpose - Where will the banner be used?
- GitHub README
- Twitter/X header
- LinkedIn banner
- Website hero
- YouTube channel art
-
Target ratio/size - See references/formats.md:
2:1(1280x640) - GitHub README3:1(1500x500) - Twitter header16:9(1920x1080) - Website hero
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/resciencelab/opc-skills
- Categories
- Git & Pull Requests, Documentation, Code Review & Quality
More from resciencelab/opc-skills
All 12Recommended
More Git & Pull Requests
paper-revisionlingzhi227/agent-research-skillsRevise papers based on reviewer feedback. Map reviewer concerns to specific sections, apply targeted edits, run additional experiments if needed, and verify imp1.8Kskills.sh installs
research-paper-writingmaster-cai/research-paper-writing-skillsImprove academic paper writing quality for ML/CV/NLP-style papers with clear section structure, paragraph flow, and reviewer-facing presentation. Use when draft1.8Kskills.sh installs
sequential-thinkingmrgoonie/claudekit-skillsUse when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust s1.8Kskills.sh installs
deep-researchdaymade/claude-code-skillsGenerate format-controlled research reports with evidence tracking, citations, source governance, and multi-pass synthesis. This skill should be used when users1.8Kskills.sh installs
requesthuntresciencelab/opc-skillsGenerate user demand research reports from real user feedback. Scrape and analyze feature requests, complaints, and questions from Reddit, X, GitHub, YouTube, L1.8Kskills.sh installs
p7tanweai/puaP7 Senior Engineer mode — solution-driven execution under P8 supervision. Use when user says 'P7模式', '方案驱动', or when spawned as sub-task executor by P8. Produce1.8Kskills.sh installs