premium-visual-reference-library

name	premium-visual-reference-library
description	Use when Codex needs premium visual inspiration sources, website galleries, studio references, product-site references, motion references, UI examples, luxury/editorial/Squarespace/Raycast/Linear/Vercel-level references, or a non-generic reference set before designing a website.

Premium Visual Reference Library

Use this skill to pick reference sources before designing a premium website.

Workflow

1. Identify the site category: product/devtool, luxury/editorial, portfolio, hospitality, commerce, personal, agency, or content/media.
2. Read sources.md for the relevant source clusters.
3. Select 3-7 references, mixing live product sites, galleries, and implementation examples.
4. Extract concrete patterns: type, layout, density, media, motion, CTA, proof, navigation, section rhythm, and mobile behavior.
5. State what not to copy.
6. Convert the references into a Build-Ready UI Specification before coding.

Anti-Copy Rule

Use references to understand quality, not to clone compositions, copy assets, or imitate a brand too closely.