aktual: Skill for Claude Code

.claude/skills/add-svg-icon/SKILL.md

add-svg-icon is a skill for Claude Code from jonapoul/aktual. It costs 39 tokens per session (1,617 once invoked), scanned A, original, Apache-2.0.

A tool that turns an SVG image file into Kotlin Compose code for displaying it as an ImageVector icon. It can add the generated icon to the project's icon module.

In plain words
What is it for?
Use it when adding a local or remotely hosted SVG icon to a Kotlin Jetpack Compose application, with optional size and icon-set choices.
Why use it?
It removes the manual work of translating SVG path data into Kotlin drawing code and fitting the result into the project's icon system.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter.

This is jonapoul/aktual's own configuration. It tells Claude Code how to work on aktual itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything aktual configures →

Reuse

Borrowing it

Nothing to install: this file belongs to jonapoul/aktual. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/jonapoul/aktual/main/.claude/skills/add-svg-icon/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/jonapoul/aktual

Made for: Claude Code.

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 add-svg-icon

README.md
[![agentmods](https://agentmods.dev/badge/skills/jonapoul/aktual/add-svg-icon/github.svg)](https://agentmods.dev/skills/jonapoul/aktual/add-svg-icon)
Your own site
<a href="https://agentmods.dev/skills/jonapoul/aktual/add-svg-icon"><img src="https://agentmods.dev/badge/skills/jonapoul/aktual/add-svg-icon/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 add-svg-icon

Your own site · 80×15
<a href="https://agentmods.dev/skills/jonapoul/aktual/add-svg-icon"><img src="https://agentmods.dev/badge/skills/jonapoul/aktual/add-svg-icon.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 39 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,617 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. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
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.00039 $0.01617
Opus 5.5 $0.00016 $0.00647
Sonnet 5.5 $0.00008 $0.00323
Haiku 4.5 $0.00004 $0.00162

Measured 1mo ago against content hash 04fe5fe151fd, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

add-svg-icon 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 1mo 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.

.claude/skills/add-svg-icon/SKILL.md · 152 lines

How it starts

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

Convert an SVG file to a Kotlin ImageVector and add it to the aktual-core/icons module.

Arguments

  • $ARGUMENTS should contain:
    • A file path or URL to an SVG file
    • The icon name in PascalCase (e.g., MyIcon, BankTransfer)
    • --material (optional) - generate as a MaterialIcons extension instead of AktualIcons
    • --size <N> (optional) - override the icon size (default: derived from SVG viewBox)

Step-by-Step Process

1. Fetch the SVG

  • If the argument is a URL: use WebFetch to download the SVG content
  • If the argument is a file path: use Read to read the SVG file

2. Parse the SVG

Extract from the SVG:

  • The viewBox attribute (e.g., "0 0 24 24" or "0 0 20 20")
    • Parse as minX minY width height
  • The d attribute from each <path> element
  • Any fill-rule="evenodd" on path elements

Determine the icon size:

  • If --size was provided, use that value
  • Otherwise, use the width from the viewBox (e.g., 24 from "0 0 24 24")

3. Convert path data to Kotlin

Convert SVG path commands to Kotlin PathBuilder calls:

SVG Command Kotlin Call
M x,y moveTo(xf, yf)
m dx,dy moveToRelative(dxf, dyf)
L x,y lineTo(xf, yf)
l dx,dy lineToRelative(dxf, dyf)
H x horizontalLineTo(xf)
h dx horizontalLineToRelative(dxf)
V y verticalLineTo(yf)
v dy verticalLineToRelative(dyf)
C x1,y1 x2,y2 x,y curveTo(x1f, y1f, x2f, y2f, xf, yf)
c dx1,dy1 dx2,dy2 dx,dy curveToRelative(dx1f, dy1f, dx2f, dy2f, dxf, dyf)
S x2,y2 x,y reflectiveCurveTo(x2f, y2f, xf, yf)
s dx2,dy2 dx,dy reflectiveCurveToRelative(dx2f, dy2f, dxf, dyf)
Q x1,y1 x,y quadTo(x1f, y1f, xf, yf)
q dx1,dy1 dx,dy quadToRelative(dx1f, dy1f, dxf, dyf)
T x,y reflectiveQuadTo(xf, yf)
t dx,dy reflectiveQuadToRelative(dxf, dyf)
A rx,ry,rot,largeArc,sweep,x,y arcTo(rxf, ryf, rotf, largeArc(bool), sweep(bool), xf, yf)
a rx,ry,rot,largeArc,sweep,dx,dy arcToRelative(rxf, ryf, rotf, largeArc(bool), sweep(bool), dxf, dyf)
Z or z close()

Read the full file on GitHub · 152 lines

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. 1mo ago Changed 04fe5fe151fd
  2. 2mo ago First seen · 152 lines · 39 tokens per session scan A 7fdd04fb6259

Subscribe to this mod's changes

add-svg-icon is a skill published in the GitHub repository jonapoul/aktual (43 stars, last pushed yesterday), licensed Apache-2.0. It adds 39 tokens to every session and 1,617 once invoked, about $0.0002 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-01.

Related

add-svg-icon compared with skills from other repositories

add-svg-icon next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
add-svg-iconjonapoul/aktualSkill43yesterdayApache-2.0A39Claude Code
proto-bot-getting-startedmakecindy/cindySkill9.3kyesterdayApache-2.0A43Claude Code, Codex
proto-bot-opsmakecindy/cindySkill9.3kyesterdayApache-2.0A38Claude Code, Codex
compose-component-designchrisbanes/skillsSkill1.1kyesterdayApache-2.0A41Claude Code
proceed-videoniki914/zafiroSkill3404d agoMITA78Claude Code, Codex
maui-accessibilitydotnet/maui-labsSkill235yesterdayMITA60Claude Code, Codex
compose-uiMeet-Miyani/compose-skillSkill30314d agoMITA148Claude Code