Ui ux pro max

Skill andrey-learning-machines/swe-harness/plugins/swe-harness/skills/ui-ux-pro-max

Portable SWE harness plugin for Codex and Claude Code

Install

npx -y skills add andrey-learning-machines/swe-harness --skill ui-ux-pro-max

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Design-system and UI/UX search skill for web and mobile interfaces. Use for landing pages, dashboards, SaaS apps, admin tools, portfolios, and component design when you want concrete style, color, typography, accessibility, chart, or stack guidance grounded in the bundled UI/UX Pro Max datasets and scripts. Useful for planning, implementation direction, and UI review work.

SKILL.md

3.3 KB, as published. Nobody here has run it

UI/UX Pro Max

Use this skill when you need structured UI direction, not just general design advice. It bundles searchable datasets plus scripts that can generate a project-specific design system.

For visually strong frontend implementation, combine this skill with frontend-skill.

When the user explicitly wants delegation or parallel agent work, pair this skill with the global Codex custom agents:

ui_ux_designer for design direction and design-system planning
ui_frontend_builder for implementation
ux_auditor for accessibility, responsive, and interaction review

Default multi-agent pattern:

ui_ux_designer defines the visual thesis, token plan, and component plan.
ui_frontend_builder implements with reusable components and responsive states.
ux_auditor reviews accessibility, interaction gaps, and performance risk.

What This Skill Provides

style and product-type matching
color palette and typography recommendations
landing-page pattern recommendations
UX and accessibility guidance
chart-type guidance for dashboards
stack-specific implementation notes
a design-system generator via scripts/search.py --design-system

Resolve The Skill Path First

When you need to run the bundled scripts, resolve this skill directory first and then call:

python3 <skill-dir>/scripts/search.py "<query>" --design-system

This skill directory contains:

scripts/search.py - main CLI entrypoint
scripts/core.py - search engine
scripts/design_system.py - design-system generation
data/ - UI/UX datasets
templates/ - supporting template assets

Default Workflow

Identify:
- product type
- audience
- industry
- desired tone or style keywords
- implementation stack
Generate a design system first:

python3 <skill-dir>/scripts/search.py "<product> <industry> <style>" --design-system -p "<project>"

If needed, follow with focused searches:
- --domain style
- --domain color
- --domain typography
- --domain landing
- --domain ux
- --domain chart
- --stack react|nextjs|html-tailwind|vue|svelte|shadcn|swiftui|react-native|flutter|jetpack-compose
Convert the design system into implementation artifacts:
- visual thesis
- token plan
- component plan
- accessibility/performance checks

When Reviewing Existing UI

Use targeted searches instead of the full generator:

accessibility or interaction issues: --domain ux
typography or palette drift: --domain typography / --domain color
dashboard visualization choices: --domain chart
stack-specific implementation concerns: --stack ...

Quality Bar

accessibility and touch targets come first
style must match product type and user trust expectations
prefer consistent systems over isolated flourishes
use the generator for direction, then adapt to the existing design system if one exists