Design Workflow Skills
Four Codex skills covering product design stages, from reviewing a single screen to comparing visual directions.
- 250 ★ on the repository
- Last commit
Minimal access
Why this level
- The skills read the designer materials and send nothing out.
Install
- Works in
Manual install
git clone --branch UI-Workflow-skills https://github.com/PaperMoonuu/Design-workflow-skills.gitThe first installation command clones the branch with the skills. The needed folder is then copied into the Codex skills directory.
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skills read the designer materials and send nothing out.
This is third-party code. Review the repository files before installing.
What it does
A set of skills for product designers working in Codex. The `l1-ai-design-review` skill reviews a finished screen or a small interface change. The `ai-ui-dev-handoff` skill assembles a development and testing handoff package for a mid-sized feature. The `l3-ai-design-review` skill covers complex topics with several roles and states and builds up verifiable evidence. The `l4-ai-visual-direction-exploration` skill compares A, B and C visual directions for a product from scratch and is marked as a candidate. The skills are independent: there is no required order from first to fourth, and the decision stays with the human.
Who it is for. Product designers who review mockups and prepare developer handoff with Codex.
Good fit when
- A screen is ready and should be reviewed for structure and states before handoff.
- A finished feature goes to development and needs a package for developers and testers.
- A topic spans several roles and states, and conclusions must rest on evidence.
- A new product is at its start and three visual directions need comparing.
Not a fit when
- You need finished mockups produced in a graphic editor rather than review and documentation.
- Work happens in Claude Code or Cursor without compatibility with the Codex skill format.
- You want an automatic decision with no designer involved.
Example request
Use $l1-ai-design-review to review the checkout screen from this screenshot and list the missing states.Limitations
The documentation and instructions are mostly written in Chinese, so check the output language in the very first session. The L3 and L4 skills ship as ZIP archives that must be unpacked and copied by hand. L4 is marked as a candidate, and the conditions for its promotion to a stable version are described inside the package. By default installation goes to `~/.codex/skills` or the directory named by `CODEX_HOME`. No license is declared in the repository. The last commit is dated September 2026.
How to disable. Delete the skill folders from `~/.codex/skills` or from `$CODEX_HOME/skills` and restart Codex.
FAQ
How do I install the L1 and L2 skills?
Clone the `UI-Workflow-skills` branch and copy the folder of the skill you need into `~/.codex/skills`. If a folder with that name already exists, compare differences and back it up first.
How do I install L3 and L4?
Unpack the ZIP, find the folder containing `SKILL.md` and copy it whole into the skills directory. The `__MACOSX` and `._*` files do not need copying.
Do the skills have to run in order?
No. L1 and L2 suit small and mid-sized finished work, L3 suits complex topics and L4 suits choosing a visual direction. Pick by the stage of the task.
What if Codex does not see a skill?
Start a new session or restart the app. The folder structure must keep the nested `agents` and `references` directories.
Does the skill decide for the designer?
No. Each skill keeps the boundary of human decisions: it prepares the review and materials, and the designer makes the choice.
Discussion
No questions or reviews yet.
Related
SkillsA Codex skill: three distinct visual concepts, screenshot review and cutting excess, so interfaces look less templated.
A UI design skill: art direction per product, a shared DESIGN.md, tokens, and layout and accessibility checks in a browser.
A Codex skill that reviews UI screenshots and Figma frames, ranks findings and draws annotated images numbered like the report
A design skills pack for agents: research, UX strategy, design systems, UI, interaction, prototyping and visual critique
A skill for interfaces without the generic AI look: typography, color, motion, component states and a critique of the result.
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
README in short
The repository holds a table of four skills, macOS installation steps and an install check in Codex. L1 and L2 have separate usage guides.