ui-ux-pro-max-codex

🥈Silver

A UI/UX skill for Codex CLI that brings UI/UX design assistance to AI-powered coding workflows. Designed to be installed into the local Codex skills directory and triggered by UI/UX-related requests.

800Updated 2mo ago

Intermediate30min to implementautomation

Saves ~45 min per use

Quick InstallView Source

git clone https://github.com/HYYH-code/ui-ux-pro-max-codex.git

Works with:

Claude

Overview

About This Skill

ui-ux-pro-max-codex is a skill package built for OpenAI's Codex CLI, enabling UI/UX design guidance directly within AI-assisted coding sessions. The skill is stored under the skills/ui-ux-pro-max directory, which contains a SKILL.md definition, scripts, and data files. It can be installed manually by copying the skill folder to ~/.codex/skills/, or remotely via Codex's built-in skill-installer script for multi-machine reuse. Once installed, the skill activates automatically when UI/UX topics or the keyword 'ui-ux-pro-max' are mentioned in conversation. The project is MIT-licensed and implemented in Python.

How to Use

For manual installation, copy the skills/ui-ux-pro-max folder to ~/.codex/skills/ and restart Codex. For multi-machine use, run the Codex skill-installer Python script with the GitHub repo and path as arguments. Once installed, mention 'ui-ux-pro-max' or raise any UI/UX-related request in conversation to trigger the skill.

Use Cases

Triggering UI/UX design guidance during Codex CLI coding sessions

Installing a reusable UI/UX skill across multiple machines via GitHub

Offline installation of a UI/UX skill into a local Codex environment

Automating UI/UX-related responses within AI agent workflows

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/HYYH-code/ui-ux-pro-max-codex

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Act as a UI/UX design expert. Generate a comprehensive UI/UX design plan for [COMPANY], a [INDUSTRY] company. Include wireframes, user flow diagrams, and a detailed design system. The design should be optimized for [PLATFORM] and incorporate [KEY FEATURES]. Provide a step-by-step implementation guide with estimated timelines and resource requirements.

Example Output

# UI/UX Design Plan for GreenThumb Technologies

## Overview
GreenThumb Technologies, an agricultural tech company, aims to enhance its mobile app for farmers. The design will focus on usability, accessibility, and integration with IoT devices.

## Wireframes
1. **Login Screen**: Simple, secure login with biometric options.
2. **Dashboard**: Real-time data visualization for crop health.
3. **Device Management**: Intuitive interface for IoT device control.

## User Flow Diagrams
- **New User Onboarding**: Streamlined process with tooltips and tutorials.
- **Data Monitoring**: Seamless navigation between different data views.

## Design System
- **Color Palette**: Earthy tones with high contrast for readability.
- **Typography**: Clean, legible fonts optimized for outdoor use.
- **Components**: Customizable widgets for data visualization.

## Implementation Guide
1. **Research & Planning**: 2 weeks
2. **Wireframing & Prototyping**: 3 weeks
3. **Design System Development**: 4 weeks
4. **User Testing & Iteration**: 3 weeks
5. **Final Design Handoff**: 1 week

## Resource Requirements
- **Designers**: 2
- **Developers**: 3
- **QA Testers**: 2