Agent skill · Frontend

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.

TheGoat395github.com/TheGoat395GitHub ↗
claude-codecodexcursorMIT
Install
npx skills add TheGoat395/Codex-Skills --skill premium-visual-reference-library --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 1 KB
Bundled scripts: none
Path: skills/premium-visual-reference-library/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 115
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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.

What's inside
Steps it walks through
  1. Workflow
  2. Anti-Copy Rule
Ships with 2 files
  • agents/openai.yaml
  • references/sources.md
More from Codex-Skills
All skills →
About this skill
What does the premium-visual-reference-library skill do?

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.

How do I install it?

Run `npx skills add TheGoat395/Codex-Skills --skill premium-visual-reference-library --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From TheGoat395/Codex-Skills, a repository with 115 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going