Turn one clear message into a distinctive sharing cover.
What you can make
Turn one clear message into a distinctive sharing cover.
Three purpose-led layouts, local brand artwork, 3840px PNG, self-contained SVG and CSV-driven cover series.
Open the offline editor, choose an example and edit labeled fields. Add local brand artwork. Export self-contained SVG, 3840px PNG, portable HTML and validated CSV batches of up to 50 results. Render a silent 12-second MP4 locally with the included script.
Explore delivered files5 groups
Editable HTML + project JSON
SVG / PNG result
CSV + validation report
Silent MP4 + integrity manifest
Print-ready batch HTML
Good fit
Newsletter authors, product makers and marketers preparing launch and link-sharing covers.
Creates designed covers from supplied text; no image generation, scraping or automatic social publishing. No-install browser editor. Optional MP4 rendering requires Node.js 24.15+, FFmpeg and pinned npm dependencies. All examples are fictional; review your sources before publishing. No API key or paid generation service required.
About this skill
Turn one clear message into a distinctive sharing cover. Three purpose-led layouts, local brand artwork, 3840px PNG, self-contained SVG and CSV-driven cover series.
Choose a starting design, edit labeled fields and add your local PNG/JPEG brand artwork. Export 2560px or 3840px PNG, self-contained SVG, portable editable HTML, project JSON or a print-ready document. For a series or attendee/recipient list, download the CSV template, replace its example row and import up to 50 records. Every record is validated before exporting a printable batch.
Read the full workflow
Creates designed covers from supplied text; no image generation, scraping or automatic social publishing.
Optional silent MP4 requires Node.js 24.15+, FFmpeg and pinned npm dependencies. No paid service or API key required.
Purchase access is required. Unzip the package into the project folder below, or let your agent follow the installation guide. .agents/skills/share-card-kit
Your project name, audience and the content or images you already have are enough to start. Your agent will ask for anything essential that is missing.
3. Let your agent guide the first result
Package location: .agents/skills/share-card-kit
Use share-card-kit. Read SKILL.md. Ask for my reviewed data, audience and intended result. Start with the closest included example, replace fictional content, validate every input, show a preview, then deliver editable HTML, project JSON, SVG/PNG, CSV and a silent result-only MP4. Do not invent evidence. Start with examples/default.json.
Use a new output folder and preserve existing files. Inspect the actual deliverables (Editable HTML + project JSON, SVG / PNG result, CSV + validation report), open the visual result and explain failed checks. An incomplete dependency check is not a successful result. Ask before paid services and do not publish automatically.
Give this request to Claude Code, Codex or Cursor. Your agent can collect the missing details and guide your first result.
Use share-card-kit. Read SKILL.md. Ask for my reviewed data, audience and intended result. Start with the closest included example, replace fictional content, validate every input, show a preview, then deliver editable HTML, project JSON, SVG/PNG, CSV and a silent result-only MP4. Do not invent evidence. Start with examples/default.json.
Purchase access is required to install the package. Technical commands are available below when you need them.
US$4.99 · MIT licenseOffline browser editor · optional local MP4No API key or paid provider
01
Choose a home for your studio
Unzip into a new folder and open the studio directly. Choose an agent below if you would like help reviewing sources or writing your own content.
Download and unzip the package into the folder above. Keep all its files together, with SKILL.md directly inside that folder.
Downloads require a verified account and purchase access. Choose a new folder if this Skill is already installed.
03
Open studio.html
Open editor.html, choose an example, edit the fields and Apply changes. Save your editable project and export the approved result.
Browser editing and portable exports need no dependency installation. Save HTML and project JSON to keep your work. The optional command-line builder is described below.
Optional command-line delivery
Read SKILL.md, review the generator and check its runtime requirements before running:
cd .agents/skills/share-card-kit
npm ci --ignore-scripts
node scripts/build.mjs --input examples/default.json --output my-result
Your first result
Open the offline editor, choose an example and edit labeled fields. Add local brand artwork. Export self-contained SVG, 3840px PNG, portable HTML and validated CSV batches of up to 50 results. Render a silent 12-second MP4 locally with the included script.
No-install browser editor. Optional MP4 rendering requires Node.js 24.15+, FFmpeg and pinned npm dependencies. All examples are fictional; review your sources before publishing. No API key or paid generation service required. Creates designed covers from supplied text; no image generation, scraping or automatic social publishing.
If my-result already exists, change the output to ./my-result-2. Existing files are never overwritten.
Prefer to ask your agent?
Use share-card-kit. Read SKILL.md. Ask for my reviewed data, audience and intended result. Start with the closest included example, replace fictional content, validate every input, show a preview, then deliver editable HTML, project JSON, SVG/PNG, CSV and a silent result-only MP4. Do not invent evidence.
Reviews0
Share your first result
Tried this workflow? Help others decide with an honest review.
Before you choose this Skill
How do I get Share Card Kit?
The listed individual package price is USD 4.99. Premium downloads require a confirmed purchase or active membership. Your agent subscription, model access and external provider credits are separate.
This release lists Codex, Claude Code, Cursor as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.
No-install browser editor. Optional MP4 rendering requires Node.js 24.15+, FFmpeg and pinned npm dependencies. All examples are fictional; review your sources before publishing. No API key or paid generation service required. Creates designed covers from supplied text; no image generation, scraping or automatic social publishing.