Codex-Skills for Codex

CommunitySkillCreativity

Codex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows.

How to install Codex-Skills in Codex

✓ Install-checked in Codexchecked Oct 25, 2026 · 80 skillsproof

In Codex, ask the built-in skill installer for it:

$skill-installer install https://github.com/TheGoat395/Codex-Skills/tree/main/skills/<skill>

Type this in Codex and replace <skill> with a folder name from 'What it contains'. $skill-installer is the skill installer built into Codex, and it downloads the skill from GitHub. Restart Codex if the skill doesn't show up. Check the repo README for any setup it needs. Source: Codex skills docs.

Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically. (where Codex loads skills)

New Codex plugins every Tuesday, install line ready to copy.

Stacks Weekly is one short email from GrokStacks and CodexStacks. Subscribe and get the free starter list: 20 Codex plugins worth installing first.

Confirmation email first. Unsubscribe anytime.

What it contains

Skills (80)

  • accessibility-audit-websites — Audit semantic and keyboard accessibility.
  • accessibility-performance-polish — Finish accessibility and performance details.
  • agent-evaluation-operations — Evaluate agent and skill behavior or routing.
  • agent-memory-provenance — Design memory provenance and tenant isolation.
  • agent-orchestration-architecture — Resolve agent ownership and handoff design.
  • animation-easing-language — Define coherent motion timing and rhythm.
  • animation-jank-qa — Diagnose a concrete rendered hitch or stutter.
  • animation-tool-router — Resolve motion tools or native View Transitions.
  • anti-generic-website-review — Repair interchangeable website design patterns.
  • brand-voice-to-ui-copy — Translate brand voice into interface microcopy.
  • browser-inspection-workflow — Coordinate rendered behavior and state evidence.
  • code-change-safety-checkpoint — Preserve rollback before materially risky edits.
  • code-change-undo-revert — Restore requested code changes or checkpoints.
  • color-material-lighting-direction — Define palette, material and lighting roles.
  • content-pruning-review — Remove redundant or unsupported page content.
  • content-structure-information-architecture — Plan pages, navigation and content sequence.
  • conversion-forms-checkout-polish — Polish conversion journeys and visible states.
  • creativity — Generate original ideas or escape fixation.
  • critical-thinking — Judge claims through evidence and alternatives.
  • cross-browser-qa — Verify browser-engine compatibility.
  • css-grid-editorial-systems — Implement asymmetric editorial CSS Grid layouts.
  • cta-language-systems — Make action labels explain what happens next.
  • deep-research — Research with scoped depth and counterevidence.
  • design-motion-principles — Motion through Kowalski, Krehel and Jhey lenses.
  • editorial-typography-systems — Define font pairing and responsive hierarchy.
  • evidence-reconciliation
  • final-client-handoff
  • frontend-quality-auditor
  • frontend-tooling-trust-gate
  • gsap-performance
  • hero-image-art-direction
  • image-crop-responsive-qa
  • image-video-loading-qa
  • logical-thinking
  • mobile-responsive-qa
  • modern-site-engineering
  • motion-language-director
  • motion-performance-qa
  • motion-react-layout-transitions
  • motion-react-microinteractions
  • motion-react-page-transitions
  • motion-react-patterns
  • nextjs-app-router-routing
  • nextjs-server-client-boundaries
  • nextjs-site-architecture
  • non-generic-web-copy
  • performance-audit-websites
  • performance-budget-lab
  • premium-visual-reference-library
  • premium-web-build-gate
  • radix-accessible-primitives
  • react-accessible-components
  • react-component-composition
  • react-component-craft
  • react-error-loading-empty-states
  • react-form-patterns
  • react-responsive-components
  • react-state-and-effects-discipline
  • reduced-motion-design
  • responsive-visual-polish-qa
  • section-layout-systems
  • seo-technical-qa
  • surface-shadow-material-systems
  • systematic-debugging
  • tailwind-design-tokens
  • tailwind-responsive-layouts
  • testimonial-proof-systems
  • ui-primitives-shadcn-lucide
  • ui-screenshot-composition
  • verification-before-completion
  • visual-assets-direction
  • visual-polish-qa
  • visual-regression-lab
  • web-design-direction-system
  • web-design-vocabulary
  • web-imagegen-prompting
  • web-reference-research
  • web-style-director
  • website-blueprint-first
  • website-operating-rules

About this listing

Codex-Skills is a community collection of agent skills on GitHub by TheGoat395: folders with a SKILL.md file, the format Codex loads skills from. Its README mentions Codex. It passed the CodexStacks quality filter for skills (at least 100 stars, pushed in the last 90 days, not a fork or a list, and at least one SKILL.md with a name and description). OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 25, 2026 (an install and load check, not a code review). From its files we found 80 skills. It's one of 137 listings in the Creativity category (category assigned by CodexStacks from the repo's topics and description).

Codex-Skills FAQ

How do I install Codex-Skills in Codex?

In Codex, type $skill-installer install https://github.com/TheGoat395/Codex-Skills/tree/main/skills/<skill>. $skill-installer is the skill installer built into Codex (Codex skills docs). Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically.

Is Codex-Skills an official Codex skill?

No. Codex-Skills is a community repo on GitHub by TheGoat395. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 25, 2026 (an install and load check, not a code review), so read the code before you install it.

What does Codex-Skills include?

From its manifest and repo files, Codex-Skills includes 80 skills: accessibility-audit-websites, accessibility-performance-polish, agent-evaluation-operations, agent-memory-provenance, agent-orchestration-architecture, animation-easing-language….

Details

Type
Skill
Category
Creativity (assigned by us)
Source
Community
Author
TheGoat395
License
MIT
GitHub stars
135 (at last sync)
Last push
2026-10-22
GitHub topics
accessibility, ai-agents, claude-code, cursor, frontend, gemini-cli, motion, nextjs, react, tailwind, web-design, website-skills
Source
https://github.com/TheGoat395/Codex-Skills
Listed via
GitHub search: Codex skills (SKILL.md)
Install check by CodexStacks
Passed on Oct 25, 2026 with Codex CLI 0.163.0: Codex loaded its skills. proof · how we check

Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.

For maintainers: badge and embeds

Maintain Codex-Skills? Add the badge; it links to this page.

Listed on CodexStacks

Markdown

[![Listed on CodexStacks](https://codexstacks.com/badge.svg)](https://codexstacks.com/p/codex-skills/)

HTML

<a href="https://codexstacks.com/p/codex-skills/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>

Embed card (static HTML and inline CSS, no JavaScript). Preview:

Codex-SkillsCommunity Codex skill · 80 skillsCodex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows.View on CodexStacks →
<a href="https://codexstacks.com/p/codex-skills/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">Codex-Skills</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex skill · 80 skills</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Codex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows.</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>

Markdown summary

**[Codex-Skills on CodexStacks](https://codexstacks.com/p/codex-skills/)**: Community Codex skill with 80 skills.

More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.

Also in Creativity

UI UX Pro Max Skill

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

CommunitySkillCreativity

Taste Skill

tasteskill v2: art direction for websites, product pages, dashboards and app screens, checked in a real browser.

CommunityPluginCreativity

Archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

CommunitySkillCreativity

Diagram Design

Architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn…

CommunityPluginCreativity

Hallmark

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

CommunitySkillCreativity

Text To Cad

The text-to-cad plugin gives your agent local workflows for generating 3D models as STEP, GLB, STL or 3MF files. It also does design for manufacturing checks, generates engineering drawings, and connects to popular 3D…

CommunityPluginCreativity

All 137 creativity listings →