premium-visual-reference-library git:20260621.2caaeccA

Immutable. This exact content is served forever at /api/v1/blob/c5d74ac02fd13aff.

---
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](references/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.