render-pinterest-gallery-diary
CommunityTurn diary Markdown into a Pinterest-style site
Content & Communication#astro#markdown rendering#static site generation#asset validation#editorial layout#react popover#masonry gallery
AuthorvanillaSky00
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts content stored in Markdown and local images into a polished, modern Pinterest-style masonry gallery with clickable diary detail pages, removing the need to manually build and style a gallery layout.
Core Features & Use Cases
- Pinterest-style masonry collage: Renders mixed-size cards with a curated, premium aesthetic.
- Hover preview popovers: Shows a Netflix-style preview on desktop using video (with reliable fallback to poster/cover) and disables the preview on touch devices.
- Editorial detail pages: Produces an article-style layout for each entry, distributing images throughout the Markdown body using strict composition rules.
Quick Start
Use the render-pinterest-gallery-diary skill to generate output/ by reading content.md, entries/*.md, and assets/images, then running the Astro build pipeline.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: render-pinterest-gallery-diary Download link: https://github.com/vanillaSky00/vanillaSky/archive/main.zip#render-pinterest-gallery-diary Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.