agentsclimarketplace
Sign in

Premium visual reference library

Skill TheGoat395/Codex-Skills/skills/premium-visual-reference-library

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.From its SKILL.md

Install
npx -y skills add TheGoat395/Codex-Skills --skill premium-visual-reference-library

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.1 KB, 170 tokens by cl100k_base, as published. Nobody here has run it

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.

What ships with it: 2 files

4.6 KB alongside SKILL.md

agents/

references/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.