skills.rest
live-codes
live-codesOFFICIAL
Explore all skills by this author →
Website𝕏@livecodes_ioGitHub

livecodes/import-export

Import external code sources into LiveCodes and export projects as HTML, JSON, or ZIP.

1.5k|262|Updated Jan 10, 2021
Search Tags:#github#gitlab#export#import#local-files#urls#external-sources
One-click install
npx skills add https://github.com/live-codes/livecodes --skill livecodes-import-export
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: livecodes/import-export
Source: https://github.com/live-codes/livecodes/tree/main/.agents/skills/livecodes/import-export
Command: npx skills add https://github.com/live-codes/livecodes --skill livecodes-import-export

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Imports external code sources into a LiveCodes project workspace and enables exporting projects in multiple formats, reducing manual setup and sharing friction.

Core Features & Use Cases

  • Import from GitHub, GitLab, gists, or direct URLs and load remote code into a LiveCodes playground.
  • Export projects as HTML, JSON, ZIP, or publish to external services for easy sharing and backup.
  • Load and initialize projects from external sources or export states to reproduce workflows in different environments.

Quick Start

Provide an external source URL or repository path to begin importing a project and then export it in your preferred format.

Frequently Asked Questions about livecodes/import-export

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

FAQPage Schema
How do I import code from a GitHub repository into a LiveCodes project?▼

To import code from a GitHub repository into a LiveCodes project, provide the external source URL or repository path. This loads remote code directly into the playground, supporting GitHub, GitLab, gists, and direct URLs for streamlined project reuse.

What formats can I use to export a LiveCodes project?▼

You can export a LiveCodes project as HTML, JSON, or ZIP files, or publish to external services. This enables easy sharing, backup, and reproduction of workflows across different environments.

Can I load local files and DOM blocks as external sources?▼

Yes, you can load local files and DOM blocks as external sources. This functionality supports flexible source selection alongside GitHub, GitLab, and raw URLs to initialize projects.

Does the import and export process handle YAML frontmatter metadata?▼

Yes, the import and export process handles YAML-frontmatter based metadata. This ensures deterministic import and export flows, maintaining project configuration and metadata integrity across environments.

What is the best way to share a LiveCodes workspace for reproducible setups?▼

The best way to share a LiveCodes workspace for reproducible setups is exporting the project state to JSON or HTML. This captures the full workspace configuration, allowing others to import and reproduce the workflow.

Related Skills

Explore More Software Engineering Skills→
live-codeslive-codes
1.5k

livecodes/gh-action

Generate LiveCodes playground preview links and post them as PR comments.

Official
Intermediate
lucasfthlucasfth

excalidraw

Create hand-drawn style diagrams from Excalidraw JSON data.

Community
Intermediate
live-codeslive-codes
1.5k

livecodes/testing

Automate browser-based Jest and Testing Library tests in LiveCodes playgrounds.

Official
Intermediate
alfredoperezalfredoperez
80

speckit-git-remote

Detect the Git remote URL for GitHub integration in SpecKit repositories.

Community
Basic