skills.rest
edneyreis999
edneyreis999COMMUNITY
Explore all skills by this author →
GitHub

figma-screenshot-extractor

Extract base64 PNG screenshots from Codex session logs.

Updated Apr 5, 2023
Search Tags:#automation#logs#figma#screenshot#image extraction#base64
One-click install
npx skills add https://github.com/edneyreis999/zord-project --skill figma-screenshot-extractor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-screenshot-extractor
Source: https://github.com/edneyreis999/zord-project/tree/main/service_financial-claude/skills/figma-screenshot-extractor
Command: npx skills add https://github.com/edneyreis999/zord-project --skill figma-screenshot-extractor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Extract screenshots from Figma MCP server outputs stored in Codex session logs.

Core Features & Use Cases

  • Leitura de logs Codex para extrair imagens codificadas em base64.
  • Decodificação e salvamento de imagens PNG em diretórios configuráveis.
  • Mapeamento opcional de nodeId para nomes de arquivo significativos.

Quick Start

Execute o script para extrair screenshots a partir do log de sessão; ajuste output-dir conforme necessário.

Frequently Asked Questions about figma-screenshot-extractor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract screenshots from Figma MCP server logs?▼

Extract screenshots from Figma MCP server logs by pointing the Skill to your Codex session log file in JSONL format. It automatically discovers the latest session log, decodes base64-encoded PNG data (iVBOR headers), and saves images to your chosen output directory with optional nodeId-to-filename mapping or sequential naming.

Can I decode base64 images directly from Codex session logs?▼

Yes. The Skill reads JSONL logs from Codex sessions, identifies base64-encoded PNG screenshots produced by the Figma MCP server, decodes them, and saves the resulting PNG files to a configurable output directory with theme-aware naming.

What happens if I don't provide a nodeId-to-filename mapping?▼

When no nodeId mapping is provided, the Skill applies sequential naming to extract images in order. This ensures all base64 screenshots are decoded and saved even without explicit filename associations, making it suitable for batch export workflows.

When should I use screenshot extraction from Figma logs?▼

Use this Skill when exporting Figma screenshots for faturamento or contas-a-receber workflows where images were generated by the Figma MCP server and stored as base64 data in JSONL session logs, and you need to save them as standalone PNG files for downstream processing.

Does the Skill work with multiple session logs automatically?▼

Yes. The Skill automatically discovers and uses the latest Codex session log available, eliminating manual log selection and making it suitable for automated workflows that generate screenshots across multiple sessions.

Related Skills

Explore More Data & Analytics Skills→
AradotsoAradotso
3

figma-context-mcp-cached

Cache Figma design data locally to serve repeated MCP requests.

Official
Intermediate
danielshmayaidanielshmayai

file-processor

Convert uploaded PDFs, images, and text files into Claude-ready content blocks.

Community
Intermediate
paritytechparitytech
8

product-sdk-utilities

Perform address encoding, encryption, storage, and logging for Polkadot SDK applications.

Official
Intermediate
mnltmnlt
8

figma

Automates reading Figma design data and exporting assets via REST API.

Community
Advanced