Swiss Drop Cards

Your feature drop, in eight image formats.

ImageSocial imagesSwiss typographyEight formats

Available to try

The complete beta package supports your brand, content and action link. Formal quality acceptance is still in progress.

A social image companion to Swiss Feature Drop, built from the same drop.json. The six-column grid, outline version number, condensed headline and signal-red accent line adapt to link previews, wide and square feeds, stories, GitHub and a three-image Product Hunt gallery. Add screenshots in grid cells with a chosen crop, or work with type and drawing alone. A local build measures every text box and exports eight PNGs with a contact sheet.

Preview format: PNG · HTML
Palette: #eeede9#0e0e0e#ff3b1f

How it works

Extract the swiss-drop-cards.zip I provide and read swiss-drop-cards/SKILL.md. Install the complete folder in the current agent's project-level Skill directory, keeping scripts, references, examples, fonts and their licences. Use my drop.json, shared with Swiss Feature Drop. Add local screenshots through social.screens with alt text and focal coordinates, then run node scripts/build.mjs <input.json> <outdir>. It needs Node.js 22+ and installed Chrome or Chromium; no npm dependencies or network assets. Deliver all eight PNGs and contact.html, fix fit failures, and list every placeholder. This is a beta package.

Motion details

Eight PNGs, editable HTML and a contact sheet
Real screenshots with alt text and focal crops
Measured text, safe areas and offline local export

A good fit for

A coordinated product launch across feeds and link previews
Still images that match your Swiss Feature Drop film

Example creative prompt

Download and extract the skill, let your agent read SKILL.md, then provide your product brief. The prompt below can help you start.

Use the swiss-drop-cards Skill with my existing Swiss drop.json to create all eight social images. Use my approved copy and real numbers, include my screenshots with alt text and a focal crop, measure every text box and export PNGs plus contact.html. List any placeholders and review the OG image at 600 px wide.