media-library

Generates a filterable HTML gallery of saved social media cards and opens it in the browser.

Updated Jun 8, 2026
One-click install
npx skills add https://github.com/shawn-sandy/agentics-kit --skill media-library-shawn-sandy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: media-library
Source: https://github.com/shawn-sandy/agentics-kit/tree/main/kit/plugins/social-media-tools/skills/media-library
Command: npx skills add https://github.com/shawn-sandy/agentics-kit --skill media-library-shawn-sandy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Saved social media cards accumulate as individual HTML files in docs/media/social/ with no central way to browse them. This Skill scans that directory and builds a single filterable index page so you can find and open any saved post quickly. ## Core Features & Use Cases - Directory Scanning: Finds all saved card HTML files, sorted newest-first by the date embedded in each filename rather than unreliable file modification times. - Gallery Generation: Populates a shared HTML template with card entries including type badges, topics, dates, and optional screenshot thumbnails, plus cross-links to plans, prototypes, and artifacts galleries. - Verification & Launch: Validates the generated index with a Python HTML parser to confirm card counts match, then opens the gallery in the default browser. - Use Case: After generating several social cards with the share-code and share-blog skills, ask to view the media library to get a browsable page of every saved post, then extract the post copy text from any card on request. ## Quick Start Ask the assistant to show the media library of saved social posts and it will generate and open the gallery page.

Frequently Asked Questions about media-library

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

FAQPage Schema
How do I browse saved social media cards in one place?▼

Run the media-library skill to scan docs/media/social/ and generate a filterable index.html gallery. It lists every saved card with type badges, topics, and dates, then opens the page in your browser.

How does the gallery sort saved social posts?▼

Cards are sorted newest-first using the YYYY-MM-DD date embedded in each filename, not file modification times. This avoids incorrect ordering caused by git operations resetting mtimes.

What happens if no saved posts exist in docs/media/social/?▼

The skill stops and reports that no saved posts were found, suggesting you run a sharing skill such as share-code or share-blog first to generate your first card.

Can I extract the post copy text from a saved card?▼

Yes. After viewing the library, ask to see copy from a specific card. The skill reads the HTML file, extracts each textarea labeled by platform, and presents the text in fenced code blocks.

Why does the generated gallery show a card count mismatch?▼

The verification step compares parsed gallery cards against the number of source files processed. A mismatch means the index was truncated or a file failed to parse, and the skill reports the counts instead of opening the gallery.