Codex AutoSkin skill

A skill that makes Codex reskin itself: from one image it generates a theme and applies it to the Codex app on Windows and macOS.

  • 118 ★ on the repository
  • Last commit
  • MIT
Skill

Extended access

Why this level

  • Scripts inject styling into a running app and restart it.
  • An agent performs the install, so run scripts only after reviewing them.
All reasons and checks

finderchangchang/codex-autoskin

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/codex-autoskin

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • Scripts inject styling into a running app and restart it.
  • An agent performs the install, so run scripts only after reviewing them.

This is third-party code. Review the repository files before installing.

What it does

Hand Codex the repository link and one image and ask it to install the skin. The agent clones the project, installs the skin engine, generates a theme from the image and applies it. Ready themes and two layouts, banner and fullscreen, are included. According to the author, the styling is injected through the browser engine's debugging interface on a loopback address, and the official app files, the package directory and the `app.asar` archive are not modified. Login and session are kept and projects, tasks and chats are not wiped. One command restores the original: `scripts\restore-dream-skin.ps1` on Windows or `scripts/autoskin-macos.sh uninstall` on macOS. Switch themes with `node scripts\set-theme.mjs <theme> <layout>`; personal themes live separately and are not overwritten by updates.

Who it is for. Codex app users who want a custom theme and are ready to let an agent install a script.

Good fit when

  • A reference image should become a Codex app theme.
  • Interface readability needs a calm light theme.
  • The banner layout is switched to fullscreen with the theme command.
  • The original look must be restored with a single command.

Not a fit when

  • The Codex app is not installed or has never been opened.
  • The theme will be publicly distributed with someone else's artwork.
  • Company policy forbids changing the look of work applications.

Example request

Install this Codex skin from the repository link, generate a theme from the attached image and apply it with the banner layout.

Limitations

The Codex app must be installed and signed in; Windows and macOS are supported. On macOS Node.js is not installed separately, as the scripts reuse the runtime bundled with the app. The skin applies on a Codex restart, and the script asks for confirmation first. The default debugging port may be taken, in which case set it with `--port`. The author asks not to publish themes built on someone else's images or protected material and to keep personal themes in `themes-private`. After a Codex update the skin may need reapplying. The last commit dates from July 2026.

How to disable. Run `scripts/autoskin-macos.sh uninstall` on macOS or `scripts\restore-dream-skin.ps1` on Windows. Then delete the clone; personal themes sit in `themes-private`.

FAQ

Does it modify Codex app files?

According to the author, no: scripts leave the app directory and `app.asar` alone and inject styling through a local debugging interface.

Are chats and login lost?

No. A normal install uses your existing Codex profile and does not delete projects, tasks, chats or login.

How do I restore the original look?

Run `scripts\restore-dream-skin.ps1` on Windows or `scripts/autoskin-macos.sh uninstall` on macOS.

How do I switch themes?

With `node scripts\set-theme.mjs aurora-veil fullscreen`: the first argument is the theme and the second the layout. The `--list` flag shows themes.

What if the port is taken?

Pick another port at install time, for example `scripts/autoskin-macos.sh install --port 19335`; the choice is remembered.

Discussion

No questions or reviews yet.

Skills

A skill that re-themes desktop AI apps such as Codex and WorkBuddy from a reference image and can restore the original look

SkillBroad access251Repository stars

Codex plugin for OpenPencil: design screens in a conversation on an interactive canvas, edit selected elements, save .op files

PluginExtended access150Repository stars

A Codex skill: three distinct visual concepts, screenshot review and cutting excess, so interfaces look less templated.

SkillMinimal access137Repository stars

A Codex skill designs web interfaces in one of five industrial styles at four levels of depth

SkillExtended access295Repository stars

A prompt-as-code design system for Codex, Cursor and Claude Code: style catalogs, layouts, blocks and personal UI rules.

SkillExtended access230Repository stars

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.6KRepository stars

README in short

The README shows a three-step demo, quick starts for Windows and macOS, a theme list and management commands. A roadmap and an FAQ section follow.

README badge

Report a problem