Joeldkelly

Banner From Figma — Data skill for Claude Code

Data community

Generate a full display campaign from a Figma frame URL.

How to install Banner From Figma

Installs to ~/.claude/skills/joeldkelly-banner-forge-banner-from-figma/SKILL.md

Terminal

mkdir -p ~/.claude/skills/joeldkelly-banner-forge-banner-from-figma && curl -fsSL https://raw.githubusercontent.com/Joeldkelly/banner-forge/HEAD/commands/banner-from-figma.md -o ~/.claude/skills/joeldkelly-banner-forge-banner-from-figma/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Banner From Figma does

description: Generate a full display campaign from a Figma frame URL. Extracts tokens, copy, and assets via the Figma MCP, then runs the full build → render → package → validate pipeline. argument-hint:

/banner-from-figma

Turn a Figma frame into 15+ network-ready banner zips.

Usage

/banner-from-figma https://www.figma.com/file/ABC123/Campaign?node-id=1-42

What happens

Ingest — the skill calls node scripts/figma-import.js which uses t

Alternatives in Data

Privacy & Data Handling — This repository contains: - a plugin package (plugins/compound-engineering) made of markdown/config content 10.8k ★
HTML Video — Programmatic video for coding agents — HTML to video on your laptop 4.5k ★
Portaljs Add Dataset — Add a dataset (CSV, TSV, JSON, or GeoJSON) to an existing PortalJS portal 2.3k ★