codepen-archiver

Archive CodePen pens and collections into a local directory.

Updated May 10, 2026
One-click install
npx skills add https://github.com/kapilraghuwanshi/skills --skill codepen-archiver
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: codepen-archiver
Source: https://github.com/kapilraghuwanshi/skills/tree/main/skills/codepen-archiver
Command: npx skills add https://github.com/kapilraghuwanshi/skills --skill codepen-archiver

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the process of creating or updating a local archive of CodePen pens and collections, making it easy to backup and organize your CodePen work.

Core Features & Use Cases

  • Archive Creation: Automatically download and organize CodePen pens and collections into a local folder.
  • Syncing: Keep your local archive up-to-date with changes to your CodePen profile.
  • Organization: Classify and categorize pens based on content and technology.
  • Use Case: Use this Skill to create a local backup of all your CodePen pens and collections for safekeeping and easy access.

Quick Start

Run the skill with the username and specify the output path: node scripts/codepen-archive.mjs --username YOUR_USER --output "/path/to/CodePen/Archive"

Frequently Asked Questions about codepen-archiver

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

FAQPage Schema
How do I backup CodePen pens and collections to a local directory?

To backup CodePen pens and collections, use this Skill to automate extracting pen data from the CodePen API and organizing it into a local directory. It handles scraping and file archiving to keep your work safely stored offline.

Do I need Puppeteer to automate scraping and archiving CodePen pens?

Yes, Puppeteer is required to automate scraping and archiving CodePen pens. This dependency handles the browser automation needed to extract your CodePen data and manage the local file organization process.

Can I sync my local CodePen archive with changes to my profile?

Yes, you can sync your local CodePen archive with changes to your profile. This Skill handles updating your existing backup, ensuring your local pens and collections remain up-to-date with your latest CodePen work.

How do I organize CodePen pens by content and technology during a backup?

You can organize CodePen pens by content and technology during a backup by running this Skill. It automatically classifies and categorizes your extracted pen data into a structured local folder system.

What is the best way to run a CodePen archive script with a specific username?

The best way to run a CodePen archive script is by executing the command with your username and an output path, such as `node scripts/codepen-archive.mjs --username YOUR_USER --output "/path/to/Archive"`.

Are there limitations when scraping CodePen collections for a local backup?

When scraping CodePen collections for a local backup, your limitations depend on Puppeteer's browser automation capabilities and the CodePen API's data extraction boundaries. This approach is suitable for managing standard user profiles.