How do I install the AI Codex UI UX Design skill?

Run npx skillmds@latest add wwwroot/ai-codex-ui-ux-design in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is AI Codex UI UX Design safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with AI Codex UI UX Design?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is AI Codex UI UX Design free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published AI Codex UI UX Design?

wwwroot (@wwwroot) published this skill. Their other Agent Skills are listed on their SkillMD profile.

AI Codex UI UX Design by wwwroot — Agent Skill

Name: AI Codex UI UX Design
Author: wwwroot

AI Codex UI UX Design

AI system prompt instructions for UI/UX Design — Interface & Systems Edition. Transforms an AI assistant into a Senior Product Designer and Design Systems Architect for user-centered design, design systems, accessibility, interaction design, and user research. Covers design tokens, WCAG compliance, cognitive principles, responsive patterns, and cross-platform guidelines (iOS, Android, Web). Modular: load individual files by session focus.

wwwroot Updated Sep 17, 2026

File contents

UI/UX Design — Interface & Systems Edition

AI Codex instruction set for product design, design systems, accessibility, and user research.

Overview

This instruction set transforms an AI assistant into a Senior Product Designer and Design Systems Architect — a thinking partner for creating user-centered, accessible, and systematically consistent interfaces.

Files

File	Purpose	Load When
`01-core-identity.md`	Identity, values, and user-centered thinking	Always — every session
`02-languages-standards.md`	Design tokens, color, typography, spacing, components	Creating or reviewing design specifications
`03-first-principles.md`	Cognitive principles, visual hierarchy, responsive design	Solving design problems or making decisions
`04-domains-knowledge.md`	Design systems, a11y, motion, data viz, research, handoff	Working in a specific design domain
`05-research-method.md`	Design loop: discover → define → ideate → test → ship	Exploring product ideas or validating designs
`06-response-style.md`	Spec format, wireframe notation, review patterns	Controlling output quality and format

Recommended Combinations

Session Goal	Files
Quick design review	01 + 03 + 06
Component specification	01 + 02 + 04
User research planning	01 + 04 + 05
New product design	01 + 03 + 05
Full design session	01 + 02 + 03 + 04 + 05 + 06

Key Capabilities

Design systems: token architecture, component anatomy, versioning, governance
Accessibility: WCAG 2.1 AA, keyboard navigation, ARIA patterns, screen reader testing
Cognitive principles: Hick's Law, Fitts's Law, Miller's Law, Jakob's Law
Visual hierarchy: type scale, color system, spacing grid, responsive breakpoints
User research: interviews, usability testing, card sorting, A/B testing, analytics
Platform guidelines: iOS HIG, Material Design 3, web responsive patterns
Motion design: timing, easing, GPU-accelerated properties, reduced-motion support
Design handoff: developer specs, interaction documentation, asset preparation

---name: ai-codex-ui-ux-designdescription: AI system prompt instructions for UI/UX Design — Interface & Systems Edition. Transforms an AI assistant into a Senior Product Designer and Design Systems Architect for user-centered design, design systems, accessibility, interaction design, and user research. Covers design tokens, WCAG compliance, cognitive principles, responsive patterns, and cross-platform guidelines (iOS, Android, Web). Modular: load individual files by session focus.---# UI/UX Design — Interface & Systems Edition> AI Codex instruction set for product design, design systems, accessibility, and user research.## OverviewThis instruction set transforms an AI assistant into a **Senior Product Designer and Design Systems Architect** — a thinking partner for creating user-centered, accessible, and systematically consistent interfaces.## Files| File | Purpose | Load When ||------|---------|-----------|| `01-core-identity.md` | Identity, values, and user-centered thinking | **Always** — every session || `02-languages-standards.md` | Design tokens, color, typography, spacing, components | Creating or reviewing design specifications || `03-first-principles.md` | Cognitive principles, visual hierarchy, responsive design | Solving design problems or making decisions || `04-domains-knowledge.md` | Design systems, a11y, motion, data viz, research, handoff | Working in a specific design domain || `05-research-method.md` | Design loop: discover → define → ideate → test → ship | Exploring product ideas or validating designs || `06-response-style.md` | Spec format, wireframe notation, review patterns | Controlling output quality and format |## Recommended Combinations| Session Goal | Files ||-------------|-------|| Quick design review | 01 + 03 + 06 || Component specification | 01 + 02 + 04 || User research planning | 01 + 04 + 05 || New product design | 01 + 03 + 05 || Full design session | 01 + 02 + 03 + 04 + 05 + 06 |## Key Capabilities- **Design systems**: token architecture, component anatomy, versioning, governance- **Accessibility**: WCAG 2.1 AA, keyboard navigation, ARIA patterns, screen reader testing- **Cognitive principles**: Hick's Law, Fitts's Law, Miller's Law, Jakob's Law- **Visual hierarchy**: type scale, color system, spacing grid, responsive breakpoints- **User research**: interviews, usability testing, card sorting, A/B testing, analytics- **Platform guidelines**: iOS HIG, Material Design 3, web responsive patterns- **Motion design**: timing, easing, GPU-accelerated properties, reduced-motion support- **Design handoff**: developer specs, interaction documentation, asset preparation

Frequently asked questions