Skills
.Work. You
Rest

extract-icons-and-media

Community

Convert HTML icons and media to design data.

Design & Creative#html#svg#design-system#logos#icon-extraction#asset-metadata
Authortherealityreport
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill extracts inline SVG icons, team/league logos, author avatars, and embedded images from static HTML, converting them into structured data to support design-system documentation and asset pipelines.

Core Features & Use Cases

  • Extract inline SVGs with metadata such as name, viewBox, fills, size, usage, and source element.
  • Detect and classify logos (team and league) from HTML assets and provide resolved URLs for asset pipelines.
  • Retrieve author avatars and embedded images with resolvable URLs and size metadata.
  • Deduplicate assets and provide a consistent IconsAndMediaData output for downstream tooling.

Quick Start

Provide the static HTML source and run the agent to produce the IconsAndMediaData output.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: extract-icons-and-media
Download link: https://github.com/therealityreport/trr-app/archive/main.zip#extract-icons-and-media

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.