{"product_id":"branded-social-graphics-generator","title":"Branded Social Graphics Generator","description":"\u003cp\u003eTurn a small JSON spec into polished, on-brand social graphics — single posts, multi-slide carousels, and announcements — rendered as crisp JPGs in the \"Intelligence Brief\" style. A self-drawn SVG node-network engine means every render is free, instant, deterministic, and free of garbled AI artifacts. Configure your brand once (name, tagline, colors, fonts) and the same engine renders for any brand. Ships with the working renderer, a brand config, and three ready-to-run example specs.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eThis pack includes 1 Claude skill:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ebranded-carousel-generator\u003c\/p\u003e\n\u003chr\u003e\n\u003ch3\u003eBranded Carousel Generator\u003c\/h3\u003e\n\u003ch4\u003eWhat it does\u003c\/h4\u003e\n\u003cp\u003eTurns a small JSON spec into polished, on-brand social media graphics — single posts, multi-slide carousels, and announcements — as 1080×1350 JPGs (the canvas size is configurable). It renders in the \"Intelligence Brief\" visual style: a dark gradient canvas, a serif headline as the hero, an accent color for stats and chips, and a **self-drawn SVG node-network background** generated procedurally in code. No image-generation model is called, so every render is free, instant, deterministic (reproducible from a `seed`), and never produces garbled AI artifacts. Six slide types cover the common formats: `cover` (hook), `stat` (one big number), `point` (explainer), `list` (bullets), `quote` (pull-quote), and `closing` (takeaway + CTA). Every visual token — brand name, tagline, website, default handle, four colors, two fonts, and the canvas dimensions — lives in a single `brand_config.json` you edit once, so the same engine renders for any brand. The skill ships with three worked example specs and a quick-start README.\u003c\/p\u003e\n\u003ch4\u003eHow to use it\u003c\/h4\u003e\n\u003cp\u003e1. Install the runtime once: `pip install pillow playwright \u0026amp;\u0026amp; python3 -m playwright install chromium`. 2. Open `brand_config.json` and set your `brand_name`, `tagline`, `website`, `default_handle`, the four brand colors, and the two fonts (also point `font_css_url` at the matching Google Fonts URL so they load). 3. Write a spec JSON describing the slides, then run the renderer:\u003c\/p\u003e\n\u003cpre\u003e\n   echo '{SPEC}' | python3 scripts\/render_post.py - --out .\/out\n   # or from a file, optionally selecting a different brand profile:\n   python3 scripts\/render_post.py spec.json --out .\/out --brand brand_config.json\n\u003c\/pre\u003e\n\u003cp\u003eThe script writes the JPGs to the `--out` folder and prints a JSON array of their paths. Carousel slides are numbered in order (`_01`, `_02`, …) — upload them in that order to Instagram, LinkedIn, or any platform. Start from the three ready-to-run files in `examples\/` (`single_post.json`, `carousel.json`, `announcement.json`) and the `README.md` quick start.\u003c\/p\u003e\n\u003ch4\u003eHow to install it\u003c\/h4\u003e\n\u003cp\u003eThis is a Claude skill. Unzip the package into your Claude skills directory so the folder lives at `~\/.claude\/skills\/branded-carousel-generator\/` (it must contain `SKILL.md`, `brand_config.json`, the `scripts\/` folder, the `examples\/` folder, and this file). Claude auto-loads skills from that directory on the next session — no further configuration is needed. You can then invoke it via the Skill tool (or it triggers automatically on requests like \"make a post\" or \"create a carousel\"). The Python runtime dependencies (`pillow`, `playwright`, and the Chromium browser) must be installed once as shown in the \"How to use it\" section above.\u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cem\u003eDelivered as a ZIP of Claude skill folders. Unzip into your Claude skills directory; each skill auto-loads on the next session.\u003c\/em\u003e\u003c\/p\u003e","brand":"Kira Bots","offers":[{"title":"Default Title","offer_id":52480756449592,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0916\/1408\/5432\/files\/10724732240184_bb7f5b0d-40f2-4b55-956b-57a308fe4c4e.png?v=1780968460","url":"https:\/\/kirabots.com\/products\/branded-social-graphics-generator","provider":"Kira Bots","version":"1.0","type":"link"}