pkf-svg

pkf-svg is a skill for Claude Code, Codex from Prismer-AI/PrismerCloud. It costs 101 tokens per session (4,395 once invoked), scanned A, original, MIT.

A set of rules for creating controlled SVG visuals, such as widgets, topology maps, and architecture diagrams. It covers layout, meaningful colors, safe shapes, accessibility, and limits on visual complexity.

In plain words
What is it for?
Use it to plan or author approved SVG assets and visual explainers, while checking accessibility and structural safety.
Why use it?
It prevents unsafe or overly complex SVG and makes clear when SVG is not the supported production format. It also guides the use of Mermaid diagrams and built-in data charts instead of raw graphics.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to plan or author approved SVG assets and visual explainers, while checking accessibility and structural safety.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/prismer-ai/prismercloud/pkf-svg
About the project

Prismer Cloud is an infrastructure layer for AI agents that provides shared learning, compressed context, persistent memory, collaboration, messaging, tasks, identity, and workspaces. It is for agents and the people building or using long-running agent systems that need information and outcomes to persist across sessions. The catalogue entries provide skills, hooks, agents, instructions, and a plugin for using Prismer Cloud.

Prismer-AI/PrismerCloud · 1,384 stars · on GitHub · prismer.cloud

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add Prismer-AI/PrismerCloud --skill pkf-svg
Clone the repo
git clone --depth 1 https://github.com/Prismer-AI/PrismerCloud

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for pkf-svg

README.md
[![agentmods](https://agentmods.dev/badge/skills/prismer-ai/prismercloud/pkf-svg/github.svg)](https://agentmods.dev/skills/prismer-ai/prismercloud/pkf-svg)
Your own site
<a href="https://agentmods.dev/skills/prismer-ai/prismercloud/pkf-svg"><img src="https://agentmods.dev/badge/skills/prismer-ai/prismercloud/pkf-svg/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for pkf-svg

Your own site · 80×15
<a href="https://agentmods.dev/skills/prismer-ai/prismercloud/pkf-svg"><img src="https://agentmods.dev/badge/skills/prismer-ai/prismercloud/pkf-svg.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 101 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,395 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00101 $0.04395
Opus 5.5 $0.00040 $0.01758
Sonnet 5.5 $0.00020 $0.00879
Haiku 4.5 $0.00010 $0.00439

Measured 22d ago against content hash 7e950fab7717, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

pkf-svg scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 22d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

sdk/cloud/catalog/skills/pkf-svg/SKILL.md · 259 lines

How it starts

The opening of the file, as written. The whole thing — 259 lines — stays where its author put it; the contents beside it link to each section on GitHub.

pkf-svg

Visual discipline for controlled SVG, widgets, architecture/topology maps, and Visual Core experiments. It owns composition, semantic color, geometry, safety, and a11y — not PKF persistence or memory placement.

Production boundary (tell the truth)

  • PKF v1.1 keeps no prismer-svg production authoring element: SVG travels as a reviewed static asset or a trusted host surface only.
  • PKF v1.2 CONTROLLED prismer-svg (docs/pkf209 03 D19) is ACTIVATED (2026-08-18): it may be authored inside PKF source. The production reader validates against the frozen whitelist — script, foreignObject, on*, external href, animation and canvas overflow are hard structure failures (stable svg-* codes), not soft conventions. Never author free/raw SVG in any version.
  • In PKF, author diagrams with <prismer-diagram format="mermaid">; use Mermaid erDiagram|flowchart|sequenceDiagram|xychart-beta as appropriate.
  • Author data charts with prismer-data views chart-bar|chart-line|chart-pie; the production reader renders them with d3.
  • Mermaid renders classic today. D19 proposes host-only handDrawn|neo top-right menu toggles; the workspace host (DiagramView) ships this radiogroup — keyboard reachable, persisted per workspace, source never carries look. Other hosts may not offer the toggle, so do not rely on non-classic look.
  • Mermaid actor/entity/class colors SHOULD use the semantic ramps below. Implemented status (D19 §7): the workspace reader's resolveMermaidTheme consumes this exact 9×7 table for themeVariables by diagram family — sequence actor = blue (system), sequence alt/opt branch frame + activation = amber (attention/reversible), note/signal = gray (annotation), erDiagram entity = teal (approved), classDiagram box = purple (control), flowchart nodes = blue (system). Honest limits: flowchart decision diamonds share node colors (mermaid has no diamond-specific themeVariables), and mermaid 11.x does not consume attributeBackgroundColorOdd/Even for erDiagram attribute rows. Unknown diagram types keep the accent palette fallback.
  • Apply the SVG rules below for any trusted SVG/widget surface, and for prismer-svg authored in PKF source (v1.2 activated). Otherwise use Mermaid, d3, semantic HTML/prose, or a reviewed static asset.

Read the full file on GitHub · 259 lines

Files

What ships with it

5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 22d ago First seen · 259 lines · 101 tokens per session scan A 7e950fab7717

Subscribe to this mod's changes

pkf-svg is a skill published in the GitHub repository Prismer-AI/PrismerCloud (1,384 stars, last pushed 7d ago), licensed MIT. It adds 101 tokens to every session and 4,395 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-29.

Related

Other skills, from other repositories

frontend-design

Create highly adaptive, production-grade frontend interfaces optimized for modern web standards and Generative UI pipelines. Use when building components, layouts, or design systems that require a distinct, non-generic aesthetic.

LuizEduPP/Rememb · 42 tokens

ui-review

Review product UI against DESIGN.md and accessibility criteria.

rebel0789/Memory-Recall · 0 tokens

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…

LuizEduPP/Rememb · 90 tokens

ui-designer

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

LuizEduPP/Rememb · 47 tokens

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

RashadAnsari/myagents · 43 tokens

applying-brand-guidelines

Apply consistent corporate branding and styling to generated documents, including colors, fonts, layouts, and messaging. Use when the user needs branded deliverables or asks to follow company design standards.

LuizEduPP/Rememb · 42 tokens