More room for your next idea. Membership from $9.99/month.Take a look

Share Card Kitv1.1.0

Turn one clear message into a distinctive sharing cover.

See what you can make

Made with this SkillTurn one clear message into a distinctive sharing cover.

Three useful starting points

Open full example

What you get

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.

Know the limits

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.

FROM PACKAGE TO FIRST RESULT

Your first result, with your agent

Choose a starting point, add the content you already have, then let your agent check the setup and create one result.

View example result

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.
Before calling it done
  • Dependencies checked before rendering
  • Actual files open and work with your content
  • Editable source saved in a new folder
Made your first result? Share your experience →
Installation options & technical requirements

Start with your agent

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
  1. 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.

    Codex directory guide

    Package folder .agents/skills/share-card-kit

  2. 02

    Add the package

    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.

  3. 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.

Which agents can use this skill?

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.

What files can this workflow generate?

The documented 1.1.0 workflow lists: Editable HTML + project JSON; SVG / PNG result; CSV + validation report; Silent MP4 + integrity manifest; Print-ready batch HTML. Some files or exports are optional; follow the package’s setup and inspect the delivered result.

What should I check before using the result?

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.

$4.99One-time purchase