export-svg-typescript SKILL.md skillA

export-svg-typescript from opensourceagi/dev-tools-starter-agent is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add opensourceagi/dev-tools-starter-agent/export-svg-typescript@git:20260910.d17d88a

Pins git:20260910.d17d88a in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
opensourceagi/dev-tools-starter-agent
Path
skills/export-svg-typescript/SKILL.md
Versions recorded
1
Latest version
git:20260910.d17d88a, committed Sep 10, 2026
Size
4,336 bytes
Repository stars
38
License
a license file GitHub does not identify

Guide to export-svg-typescript (packages/export-svg-icons-typescript), the CLI that turns a folder of SVGs into a tree-shakable TypeScript barrel of icon functions — the -i / -o flags, the generated function options (colors, size, width, height, raw), JSDoc tooltip previews, and regenerating after adding icons. Use when working with export-svg-typescript or troubleshooting it — icons that don't recolor, an index.ts written to the wrong place, camelCase export names you can't guess, missing…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Working With export-svg-typescript

The generator in `packages/export-svg-icons-typescript`, published as **`export-svg-typescript`**. It reads a folder of `.svg` files and writes a single `index.ts` exporting one function per icon — no SVG loader, no bundler plugin, no framework coupling. Each export returns an SVG **string** (or an `<img>` tag) at call time, so color and size are runtime arguments.

## Setup

```bash
npx export-svg-typescript -i ./src/icons -o ./src/icons/index.ts
npm install -g export-svg-typescript        # optional
```

Only two flags exist:

| Flag | Default | Meaning |
| --- | --- | --- |
| `-i <folder>` | `./svg` | Folder containing the source SVGs |
| `-o <path>` | `./index.ts` | Output file to write |

Both defaults are relative to the current working directory, so always pass `-o` explicitly unless you're standing in the icon folder. Add it as a script — `"icons": "npx export-svg-typescript -i ./src/icons -o ./src/icons/index.ts"` — and re-run it whenever icons change; the output is generated, not hand-maintained.

## Using the generated icons
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add opensourceagi/dev-tools-starter-agent/export-svg-typescript@sha256:a82d79051c0e4bee

The line at the top of this page pins the label git:20260910.d17d88a, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_rtjmybtpgagxedll.svg)](https://markdownregistry.com/a/art_rtjmybtpgagxedll)

7 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Sep 10, 2026.

versioncommittedcommitsizeaudit
git:20260910.d17d88a latest2026-09-10 d17d88a 4,336 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4336 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

opensourceagi/dev-tools-starter-agent · 38 stars · license a license file GitHub does not identify · pushed 2026-11-06 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_rtjmybtpgagxedll
GET https://markdownregistry.com/api/v1/resolve?ref=opensourceagi/dev-tools-starter-agent/export-svg-typescript
GET https://markdownregistry.com/api/v1/blob/a82d79051c0e4bee44cbcfd88d9bdc4f9a2f40da935bd2acf5a62613fc7a2a4f

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from opensourceagi/dev-tools-starter-agent

CLAUDE.md@.claude CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/CLAUDE.md
git:20261006.f1cccf4 · audit A · 38 stars
CLAUDE.md@.claude/apps/Cloud-Computer-Control-Panel CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/apps/Cloud-Computer-Control-Panel/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/apps/cccp-vscode-ext CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/apps/cccp-vscode-ext/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/apps/dev-tools-help-docs CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/apps/dev-tools-help-docs/CLAUDE.md
git:20261006.8052ed0 · audit A · 38 stars
CLAUDE.md@.claude/apps/vscode-cloud CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/apps/vscode-cloud/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/packages/about-system-info CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/about-system-info/CLAUDE.md
git:20260926.9c73d12 · audit A · 38 stars
CLAUDE.md@.claude/packages/api2ai-mcp-generator CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/api2ai-mcp-generator/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/packages/ask-ai-button CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/ask-ai-button/CLAUDE.md
git:20261006.f1cccf4 · audit A · 38 stars
CLAUDE.md@.claude/packages/cloudflare-to-claude-fix CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/cloudflare-to-claude-fix/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/packages/code-tree-graph CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/code-tree-graph/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/packages/create-cloud-db CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/create-cloud-db/CLAUDE.md
git:20260912.5d7037e · audit A · 38 stars
CLAUDE.md@.claude/packages/create-starter-app CLAUDE.md file
opensourceagi/dev-tools-starter-agent · .claude/packages/create-starter-app/CLAUDE.md
git:20261002.813bf90 · audit A · 38 stars

Every file in opensourceagi/dev-tools-starter-agent

Browse by kind, by grade A, or by owner.