Theme Factory Codex

Overview

Use this skill to create a restrained theme that can be reused across a visual artifact. Start with semantic design tokens before styling individual components.

Design Upskill Contribution

This skill teaches Codex to make visual choices as a system. It improves no-template work by turning palette, typography, spacing, radius, and state colors into named decisions that can be checked in screenshots.

It matters because no-template design often fails through random color use, mismatched type, and one-off component styling. Tokens give Codex a memory for the artifact's visual language.

Workflow