export-project

Package a page and its dependent components into a portable archive.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/TETRA2000/figma-web-studio --skill export-project
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: export-project
Source: https://github.com/TETRA2000/figma-web-studio/tree/main/.claude/skills/export-project
Command: npx skills add https://github.com/TETRA2000/figma-web-studio --skill export-project

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill bundles a page and all its dependent components into a portable archive for sharing, enabling seamless handoff and offline access.

Core Features & Use Cases

  • Identify the page's dependency graph by scanning its source file and recursively resolving component imports.
  • Generate a manifest that lists the page, dependencies, and tokens required for reconstruction.
  • Create a deterministic archive (e.g., tar.gz) containing the page, components, and assets, along with a summary report of included files and sizes.

Quick Start

To export a page, run the export-project skill with the route of the page you want to package.

Frequently Asked Questions about export-project

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

FAQPage Schema
How do I bundle a page with its dependencies into a portable archive?

To bundle a page with dependencies, the skill scans the page source, recursively resolves component imports, and packages them into a deterministic archive. It generates a manifest listing required files and tokens for reconstruction.

What is a dependency graph manifest and when do I need one for sharing pages?

A dependency graph manifest lists a page, its resolved components, and required tokens for reconstruction. You need one when exporting pages for handoff, collaboration, or offline distribution to ensure all dependencies are included.

How do I export a page for offline distribution step by step?

Run the export-project skill with the route of the page you want to package. It will identify the dependency graph, generate a manifest, create a tar.gz archive, and produce a summary report of included files and sizes.

Does the archive include design tokens and component assets or just the source files?

The archive includes design tokens and component assets in addition to source files. The skill resolves the full dependency graph and bundles the page, components, and assets together for complete reconstruction.

What's the best way to share a page with all its components for team collaboration?

The best way to share a page for collaboration is creating a deterministic archive containing the page, dependencies, and tokens. This portable bundle includes a manifest and summary report for seamless handoff and offline access.

Can I get a report of included files and sizes after exporting a page bundle?

Yes, the skill provides a summary report of included files and sizes after creating the archive. This report accompanies the deterministic bundle and manifest, giving you full visibility into the exported package contents.