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

콘텐츠 관리

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.

주요 기능

0 GitHub stars
Rigid manifest validation to normalize layout types and image references
Automated Astro page (.astro) and data file (.ts) generation from JSON manifests
Performance-optimized image imports with LCP preloading for hero shots
Semantic import naming based on image notes for cleaner, maintainable code
Support for multi-chapter galleries with automatic routing and pagination

사용 사례

Building professional photography portfolios with curated visual pacing
Regenerating existing galleries to update layout components or metadata
Creating multi-chapter travel essays with automated navigation

소개

주요 기능

0 GitHub stars
Rigid manifest validation to normalize layout types and image references
Automated Astro page (.astro) and data file (.ts) generation from JSON manifests
Performance-optimized image imports with LCP preloading for hero shots
Semantic import naming based on image notes for cleaner, maintainable code
Support for multi-chapter galleries with automatic routing and pagination

사용 사례

Building professional photography portfolios with curated visual pacing
Regenerating existing galleries to update layout components or metadata
Creating multi-chapter travel essays with automated navigation