01
Frame the user problem
Synthesize research, goals, constraints, journeys, pain points, evidence, assumptions, and success criteria.
UI and UX design
CategoryDesign & Creative
Codex Skills for UI/UX
Codex Skills for UI/UX help Codex connect user research, task flows, information architecture, interface design, accessibility, prototyping, and usability review. Download the skills for product experiences that must be understandable, consistent, and practical to use.
Frame the user problemDesign complete flowsCreate coherent interfacesTest and improve
01
02
03
04
05
06
07
08
09
02
03
04
05
06
07
08
09
task: complete ui and ux design task
inspect:
- requirements and context
- existing standards
- failure and edge cases
verify: outputs + checks + handoffWhy a specialist workflow matters
A polished interface still fails when it solves the wrong task, hides important states, uses unclear labels, or excludes keyboard, screen reader, and mobile users.
Strong ui and ux design work depends on context, explicit decisions, and checks that match the real environment.
These skills give Codex a specialist workflow for ui and ux design while preserving local conventions, important constraints, and human review.
What the downloadable skills can do
What Codex Skills for UI/UX can help accomplish
02
Design complete flows
Map navigation, decisions, forms, errors, empty states, permissions, recovery, and responsive behavior.
03
Create coherent interfaces
Apply hierarchy, typography, spacing, color, components, content, feedback, and accessible patterns.
04
Test and improve
Prepare prototypes, usability tasks, accessibility checks, findings, priorities, and design handoff details.
A repeatable working process
How the ui and ux design workflow moves from request to verified result
The steps keep context, implementation, and verification visible so the result can be reviewed and repeated.
workflow.statusREADY
Context → Plan → Work → Verify
01
Understand the user and task
Review evidence, audience, environment, business goal, constraints, and existing product behavior.
02
Map the experience
Define the happy path, alternatives, failures, information needs, decisions, and success signals.
03
Design every important state
Use the design system and write interface content for real data, errors, loading, empty, and edge cases.
04
Evaluate with evidence
Run heuristic, accessibility, responsive, and usability reviews, then prioritize changes by impact.
Useful across real projects
Where Codex Skills for UI/UX fit
The workflow adjusts to the project, audience, tools, and risk while preserving the same quality standard.
Product interfaces
Design onboarding, dashboards, settings, collaboration, search, and complex workflows.
Mobile experiences
Handle small screens, touch, platform conventions, permissions, interruptions, and accessibility.
Design systems
Build tokens, components, patterns, content guidance, governance, and adoption documentation.
Redesigns
Diagnose usability problems, preserve valuable behavior, and improve flows incrementally.
Common requests
Tasks these skills can handle
Start with one defined outcome and provide the source material, constraints, and checks that matter.
01Plan user research
02Map a user flow
03Create wireframes
04Design a responsive interface
05Write UX copy
06Audit accessibility
07Prepare a usability test
08Document design handoff
Who benefits most
Who Is This For?
These skills are designed for people who need dependable ui and ux design work with a visible process.
Product designers
Connect research, flows, visual decisions, prototypes, and evaluation.
UX researchers
Turn evidence into design questions, test plans, findings, and actionable priorities.
Frontend teams
Implement complete, accessible states from clear interaction and component specifications.
Product managers
Clarify user problems, requirements, tradeoffs, and measures with design partners.
Good to know:
The skills support UI/UX work, but real user evidence, brand approval, accessibility testing, and product decisions remain human responsibilities.
Set up the workflow
Installation Guide
Install the complete skill folder and add the project-specific context before beginning.
Download and extract the skills
Keep SKILL.md with the included ui and ux design guidance, checks, and supporting files.
Choose project or personal scope
Use project scope for local rules and versions, or personal scope for a reusable workflow.
Add the working context
Document the tools, audience, standards, source material, constraints, and approval rules for this ui and ux design work.
Define completion before starting
Provide the intended outcome, important edge cases, required checks, and expected handoff.
Before you download
Frequently Asked Questions
Practical answers about capabilities, limits, setup, and review.
Do the skills cover both UI and UX?+
Yes. They connect research and task design with visual interface execution.
Can they create a design system?+
Yes. They can define tokens, components, states, accessibility rules, documentation, and governance.
Do they support usability testing?+
Yes. They can prepare research questions, tasks, scripts, observation notes, synthesis, and prioritized findings.
Will they make an interface accessible?+
They apply accessible patterns, but conformance requires testing with assistive technology and representative users.
Can they redesign an existing product?+
Yes. They inspect current evidence and behavior before proposing changes.
Make the work repeatable
Give Codex a ui and ux design workflow built around real context, deliberate execution, and evidence that the result is ready.
Clear context. Purposeful work. Relevant checks. A result others can understand.