How does it handle image performance?

It implements performance best practices by automatically adding priority loading to the first hero images in each chapter to improve Largest Contentful Paint (LCP).

Does this skill support multi-page galleries?

Yes, it detects 'Chapter' blocks in your manifest and automatically splits content into separate sub-pages with appropriate navigation and data exports.

What is the generate-astro-gallery skill?

It is a specialized Claude Code capability that automates the generation of Astro.js page files and data structures for photography galleries based on a pre-defined JSON manifest.

What layout components are supported?

The skill supports a wide range of layouts including FullBleed, WideImage, TwoUp, ThreeUp, FourUpGrid, SplitLayout, OffsetImage, and InsetImage.

Why is the manifest validation step required?

Validation fixes common formatting errors and ensures that all layout values correspond to valid Astro components before the file generation process begins.

Astro Gallery Generator

Name: Astro Gallery Generator
Author: chufucious

bychufucious

0•

콘텐츠 관리

Automatically builds sophisticated photography galleries for Astro sites using manifest-driven layouts and intelligent component mapping.

This skill automates the complex process of transforming photography manifests into high-performance Astro gallery pages. By mapping curated layouts—inspired by photography curation masters like Szarkowski and Colberg—to specialized frontend components, it handles boilerplate generation, image imports, and data management. The skill ensures design consistency through automated manifest validation and natively supports multi-chapter narratives, making it an essential tool for photographers and developers building visual-heavy portfolios on the Astro framework.

주요 기능

010 GitHub stars

02Rigid manifest validation to normalize layout types and image references

03Automated Astro page (.astro) and data file (.ts) generation from JSON manifests

04Performance-optimized image imports with LCP preloading for hero shots

05Semantic import naming based on image notes for cleaner, maintainable code

06Support for multi-chapter galleries with automatic routing and pagination

사용 사례

01Building professional photography portfolios with curated visual pacing

02Regenerating existing galleries to update layout components or metadata

03Creating multi-chapter travel essays with automated navigation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chufucious/chu-gallery-plugin generate-astro-gallery

For use in Claude.ai and ChatGPT

Download Skill