Codex Premium Website Skills
A library of 80 skills for Codex covering design direction, frontend, motion, accessibility, QA and site handoff
- 137 ★ on the repository
- Last commit
Minimal access
Why this level
- The installer copies skill files into the agent directory and the skills hold instructions for site checks
- Some workflows launch browser inspection when you ask
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/codex-premium-website-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The installer copies skill files into the agent directory and the skills hold instructions for site checks
- Some workflows launch browser inspection when you ask
This is third-party code. Review the repository files before installing.
What it does
Codex Premium Website Skills gathers a curated public-core collection of 80 skills for websites and interfaces in one repository. It covers design direction, frontend implementation, motion, accessibility, quality checks, copy polish, maintainer safety and agent-evaluation workflows. Names such as accessibility-audit-websites, anti-generic-website-review, animation-jank-qa and browser-inspection-workflow show how tasks are split. Install runs through python3 scripts/install_skills.py: first with --dry-run, then without it. For a first try there is a smaller collection with --collection taste-and-build-gates. For Claude Code the SKILL.md folders from adapters/claude-code/ fit, Cursor has a project rules adapter and Gemini CLI a project context adapter. The author attached evidence: nine local example sites in examples/premium-website-showcase/ and two paired runs with the same prompt. In the Atlas run the score rose from 19 to 23 out of 30, in Signal / Matter from 23 to 28 out of 30.
Who it is for. Frontend developers and design engineers who build sites and landing pages in Codex and want one set of checks for taste, accessibility and motion.
Good fit when
- You need a homepage review before launch with the highest-impact improvements
- The site looks templated and needs a generic-design check
- Animations jank or overload the page and need a smoothness check
- Before handoff you need an accessibility and performance audit
- You want to install a small set for a first try: taste-and-build-gates
Not a fit when
- The task is not about interfaces and sites: most of the set is frontend-focused
- You need a native Claude Code client with no adapter: the library is written for Codex first
- You need a ready theme or site template: the set gives checks and workflows
- You need an official vendor set: the project is unofficial
Example request
Use the Codex website skills to review my homepage and tell me the highest-impact improvements before launchLimitations
- The project is unofficial and written for Codex first; for Claude Code, Cursor and Gemini CLI the support level is described in COMPATIBILITY.md.
- Published release archives are snapshots and can lag behind later fixes on the main branch.
- The benchmark results come from two runs with one model and three files, and the author lists their limits in BENCHMARKS.md.
- The installer copies skills into the Codex directory: start a new conversation afterwards so skill discovery refreshes.
How to disable. Delete the copied skill folders from the Codex directory (~/.codex/skills) and the repository clone. For Claude Code delete the folders added from adapters/claude-code/.
FAQ
How do I install Codex Premium Website Skills?
Run git clone https://github.com/TheGoat395/Codex-Skills.git, enter the folder and run python3 scripts/install_skills.py --dry-run, then python3 scripts/install_skills.py. Start a new Codex conversation.
Can I install only part of the skills?
Yes, python3 scripts/install_skills.py --collection taste-and-build-gates installs a smaller set for a first try without the full 80-skill collection.
Do the skills work in Claude Code and Cursor?
For Claude Code the SKILL.md folders in adapters/claude-code/ fit, and Cursor has a project rules adapter. Support levels are collected in COMPATIBILITY.md.
Is there evidence that the skills improve results?
The repository holds two paired runs: 19 and 23 out of 30 in Atlas, 23 and 28 out of 30 in Signal / Matter, with sources and screenshots. The author states the limits in BENCHMARKS.md.
Which version freshness should I use?
Use the current main branch for the newest reviewed changes. Release archives pin a version and may predate later fixes.
Discussion
No questions or reviews yet.
Related
SkillsA Claude Code skill collection for copywriting, advertising, SEO and interface design: Ogilvy, editing, rules and CSS techniques.
julianromli/ai-skills
ai-skills
A collection of 31 skills for Claude Code and other agents: interfaces, React, Postgres, code review, SEO and browser automation
35 skills for Cursor, Claude and Codex: design systems from HTML and mocks, image generation, plan interviews and handoff.
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
145 skill plugins for Claude Code and Codex: Cloudflare, React, Tailwind, Nuxt, APIs, security, testing, installed one by one
README in short
The page presents an unofficial skill library for Codex, gives a support table for Codex, Claude Code, Cursor and Gemini CLI and a three-command quick start. Then come a demo gallery of sites, two measured comparisons with results and a list of evidence files.