Browser-local Codex skin preview

Build a Codex Skin in Your Browser

Independent Codex skin guide and builder. Not affiliated with OpenAI.

Adjust image placement, dim, blur, panel opacity, accent color, surface color, and text color. Inspect the recipe before you copy or download it.

Export a data-only recipe Review safety first

The recipe does not install itself. Review any third-party tool before applying changes locally.

Input

Choose an image or preset you can use

Select an original or right-cleared preset, or choose an image from your device for browser preview. Selected images stay local by default.

Original presets

Local image file

Object URL preview only. Exported JSON excludes image binary and selected-file identifiers.

Tune readability before export

Image position X 50%

Image position Y 50%

Background dim 34%

Background blur 5px

Panel opacity 90%

Accent color #F06449

Surface color #FFFFFF

Text color #18211D

Preview

Preview Home, Task, and Diff surfaces

Check busy image areas behind text, status colors, and diff readability before exporting.

Readability signal

Comfortable

Text contrast: 0:1

Text and panels remain readable for this preview.

Export

Inspect the recipe

The export is a readable data object with theme values. It excludes credentials, API keys, tokens, provider URLs, selected image binary, and local file locations.

Theme tokens preview

Safe export checklist

Before you apply a recipe locally

Choose images you own or have permission to use. Do not include secrets, credentials or confidential work content in a recipe.

I can read what the recipe changes.
I know which third-party tool will apply it.
I reviewed that tool's source, license, issues, and restore steps.
I backed up settings where the tool recommends it.
I am not using artwork I do not have rights to use.

Continue to export Fix Codex skin problems Browse right-cleared presets Compare Codex Dream Skin

FAQ

Builder questions

Does my selected image upload?

The builder previews selected images in your browser by default. It does not upload the file for normal preview or export.

What does the export contain?

The export is an inspectable data-only recipe with theme values such as colors, opacity, image position, and readability settings.

Does the export install a Codex skin?

No. The export does not install itself. Review any third-party tool, source, license, and restore path before applying a recipe locally.