html-graphics-renderer

Name: html-graphics-renderer
Author: chelsea-hq

Render HTML-based graphics, carousels, thumbnails, and PDFs from brand tokens and content specs.

by chelsea-hq(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from chelsea-hq/marketing-hub-kit (skills/html-graphics-renderer/SKILL.md). Install upstream with npx skills add chelsea-hq/marketing-hub-kit --skill html-graphics-renderer. Copyright stays with the author.

HTML Graphics Renderer

Use HTML and Playwright for visual assets.

Read:

rendering/html-graphics.md
brand/design.md

Outputs go to content/renders/ and then into the approval gallery.

Do not hardcode volatile stats unless the source is checked right before render.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

chelsea-hq-marketing-hub-kit-html-graphics-renderer.ocm.jsonjson

{
  "ocm": "1",
  "id": "chelsea-hq-marketing-hub-kit-html-graphics-renderer",
  "kind": "skill",
  "name": "html-graphics-renderer",
  "description": "Render HTML-based graphics, carousels, thumbnails, and PDFs from brand tokens and content specs.",
  "publisher": "chelsea-hq",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "marketing"
    ],
    "tags": [
      "skill-md",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Render HTML-based graphics, carousels, thumbnails, and PDFs from brand tokens and content specs."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/chelsea-hq/marketing-hub-kit",
      "path": "skills/html-graphics-renderer/SKILL.md",
      "ref": "ac49fce35b3ede2058e2690194512eca68ab16b2",
      "url": "https://github.com/chelsea-hq/marketing-hub-kit/blob/ac49fce35b3ede2058e2690194512eca68ab16b2/skills/html-graphics-renderer/SKILL.md",
      "key": "chelsea-hq/marketing-hub-kit/skills/html-graphics-renderer/SKILL.md"
    }
  },
  "instructions": "# HTML Graphics Renderer\n\nUse HTML and Playwright for visual assets.\n\nRead:\n\n- `rendering/html-graphics.md`\n- `brand/design.md`\n\nOutputs go to `content/renders/` and then into the approval gallery.\n\nDo not hardcode volatile stats unless the source is checked right before render.",
  "cost": {
    "context_tokens": 69
  }
}

Fetch it by URL: GET /api/v1/registry/chelsea-hq-marketing-hub-kit-html-graphics-renderer/manifest?version=1.0.0

About

HTML Graphics Renderer

Use it

Manifest

Reviews