observable-framework-lib-zip

Load ZIP archives and extract files as FileAttachment objects in Observable Framework.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-lib-zip
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observable-framework-lib-zip
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-lib-zip
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-lib-zip

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of working with ZIP archives directly within Observable Framework projects, allowing for dynamic loading and manipulation of compressed file contents.

Core Features & Use Cases

  • Load ZIP Archives: Use FileAttachment to load ZIP files and access their contents.
  • Access Files within ZIP: Extract individual files (images, text, etc.) from a loaded ZIP archive using their filenames.
  • Static File Extraction: Directly reference files within a ZIP archive for build-time extraction.
  • Use Case: Embed images or other assets stored within a ZIP file into your Observable Framework project without needing to manually unzip them.

Quick Start

Load the attached file 'muybridge.zip' and display the image 'deer.jpeg' contained within it.

Frequently Asked Questions about observable-framework-lib-zip

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

FAQPage Schema
How do I extract files from a ZIP archive in Observable Framework?

To extract files from a ZIP archive in Observable Framework, load the archive as a FileAttachment and use JSZip to access individual file contents dynamically at runtime or during the build process.

Can I statically extract specific files from a ZIP during the Observable build process?

Yes, you can statically extract specific files from a ZIP during the Observable build process by directly referencing the desired filenames within the loaded archive for build-time extraction.

How do I display images stored inside a ZIP file in an Observable notebook?

To display images stored inside a ZIP file, load the archive as a FileAttachment, extract the specific image file using its filename, and embed the extracted content directly into your Observable project.

Does Observable Framework support loading ZIP archives without manually unzipping them first?

Yes, Observable Framework supports loading ZIP archives directly by using FileAttachment to load the ZIP file and JSZip to extract individual contents without manual decompression beforehand.

Do I need JSZip to handle ZIP file attachments in Observable Framework?

Yes, you need JSZip to handle ZIP file attachments in Observable Framework, as it provides the functionality to dynamically load ZIP archives and extract individual file contents from them.