FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Banners for social media, ads and websites v1.0.0
Use this resource to create banners for social media, advertising or a website
New
- 315 downloads
- 187 likes
- 135 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install social-banner-designWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent asks six questions (purpose, size, content, brand, style, quantity), picks two or three art directions, then builds each banner in HTML/CSS at the exact size. It checks safe zones, contrast and cropping, exports PNG files and shows the options side by side for iteration.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: a five-step method, reference sizes and design rules (French translation included)
- A size guide and 22 art-direction styles (references/banner-sizes-and-styles.md)
- HTML/CSS banners and their PNG exports, filed by campaign
Good fit for
- LinkedIn, YouTube or Facebook cover for a brand
- Google display banners or social ads in several sizes
- Homepage hero visual or event poster
Not for
- Video editing
- Designing a complete website
- Preparing print-shop-ready files
Tags
- banner
- social media
- advertising
- art direction
- html css
About
You say
"Create three LinkedIn cover options at 1584 x 396 for my consulting firm, in midnight blue, with a single call-to-action button."
Skill published by claudekit under the MIT license.
Show moreShow less
Prerequisites
- You bring
- The banner text and call to action and Logo, colors and fonts if you have them
How to use it
- Give the platform, the text and your brand guidelines
- Pick from the proposed art directions
- Ask for tweaks, then collect the PNG files
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/banner-sizes-and-styles.md5 KB
- SKILL.md7 KB
Origin and licence
Modified by PalateKit
- Author
- nextlevelbuilder
- Source
- github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/28b3b8dee8c976df4fa3e94aed4e092ad43fcb03/.claude/skills/banner-design
- Licence
- MIT
Notice
Version modifiée de « banner-design » (nextlevelbuilder, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Do I need an image generation tool?
No. The skill works with CSS-built visuals or assets you supply; image generation and screenshot capture are optional.
Can we use our own fonts and logo?
Yes. The skill applies only the brand guidance, logo and images you provide and does not invent brand rules.