Skills
.Work. You
Rest

extract-ai2html-artboards

Community

Extract ai2html artboard data for rendering.

Design & Creative#data-extraction#viewport#overlays#html-parsing#ai2html#artboards
Authortherealityreport
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Parse article HTML that contains ai2html output and extract structured artboard data: viewport-specific dimensions, background images, text overlays, and badge elements. Produce an Ai2htmlData JSON object that downstream components can consume to render responsive graphics.

Core Features & Use Cases

  • Extract viewport-specific data across mobile, tablet, and desktop with correct classification.
  • Resolve background images and optional CDN URLs via a provided image URL map.
  • Extract absolute-positioned text overlays and badges including fonts, colors, and spacing for downstream rendering.

Quick Start

Run the extractor on your article HTML to produce the Ai2htmlData JSON.

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-ai2html-artboards
Download link: https://github.com/therealityreport/trr-app/archive/main.zip#extract-ai2html-artboards

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.