Guide · Agent skill
How to use the UI/UX Pro Max design intelligence skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
UI/UX Pro Max is an agent skill: a folder of instructions and local design data that an AI coding agent reads before it builds or reviews a user interface. This guide explains what the skill changes about the agent's behaviour, how to install it, how to phrase requests so it triggers, and what it needs to run. By the end you will be able to install it, ask for UI work in a way that uses it, and check its output before you rely on it.
UI/UX Pro Max Design Intelligenceawesome-dsh-plugin/awesome-dsh-plugin · CC0-1.0 Download the skill Quick start
- 1Download the ZIP. Download the ui-ux-pro-max ZIP from this page.
- 2Unzip into a skills folder. Unzip it into ~/.claude/skills/ for personal use, or into the project's .claude/skills/ folder for one repository.
- 3Or upload it in the Claude apps. In the Claude apps, open Settings, then Capabilities, then Skills, and upload the ZIP.
- 4Confirm Python 3.x. Check that python, python3 or py -3 runs on your machine, since the search script needs it.
- 5Ask for UI work in plain words. Describe the interface, product type, platform and any accessibility or responsive constraints in your request.
- 6Check the output. Verify the returned domain and top result fit your product before applying any palette, font or layout suggestion.
What the skill makes the agent do
The skill covers UI structure, visual design decisions, interaction patterns and UX quality checks. Its guidance spans accessibility, touch and interaction, performance, style selection, layout and responsive behaviour, typography and colour, animation, forms and feedback, navigation, and charts and data.
The skill ships with searchable local data: styles, product palettes, font pairings, UX guidelines, icons, GSAP animation presets, chart types and stack-specific implementation tips. The agent searches this data and uses the results to make layout and style choices. Its scope is pages, components and design systems, not backend logic.
- Accessibility: contrast, alt text, keyboard navigation, labels
- Touch and interaction: minimum target sizes, spacing, loading feedback
- Layout: mobile-first breakpoints, no horizontal scrolling
- Typography and colour, animation, forms, navigation, charts
Install the skill from the ZIP
Download the ui-ux-pro-max ZIP from this page and unzip it. For a single user, place the unzipped skill folder in your personal skills directory, ~/.claude/skills/. For one project, place it in that project's .claude/skills/ directory so it applies only to that repository.
If you use the Claude apps instead of a local folder, upload the ZIP under Settings, then Capabilities, then Skills. Either way, the skill folder should contain SKILL.md and the data and scripts folders.
- Personal install: ~/.claude/skills/
- Project install: the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload
Check the requirements before you start
The skill needs Python 3.x. The listing names no external dependencies, so there is nothing else to install through pip. The search tool is a Python script, so the skill cannot run its searches without Python.
The skill runs scripts locally and the listing states it does not use the network. The skill's own instructions say it does not install packages or change the operating system.
- Python 3.x available as python, python3, or py -3
- Searches run from local data files
- No external dependencies listed
Trigger the skill with a natural request
You do not need special syntax. The skill is meant to be used when you design, build, review or fix an interface, so describe the UI task in plain words and name the product type, platform and any constraint that matters. For example: 'Design a landing page for a bookkeeping app on mobile, with accessible contrast' or 'Review this checkout form for error messages and touch target sizes'.
If you only want a specific concern, say so. Requests about palettes, font pairings or chart types map to the matching parts of the data. Requests that are purely backend, API or database work should not trigger it.
- Good: 'Review this settings page for keyboard navigation and focus rings'
- Good: 'Suggest a colour palette and font pairing for a finance dashboard'
- Not a fit: 'Optimise my database query indexes'
Run a search yourself
The agent calls the search script inside the skill's own folder. You can also run it directly from a terminal. The skill's instructions say to call it by its full path rather than assuming the working directory. Use --design-system for a new page or project that needs a coherent visual direction, and --domain when you have one targeted concern.
The skill's instructions treat results as recommendations. Check that the returned domain and top result fit your product and platform before you apply them.
- --design-system: new pages or whole-product visual direction
- --domain <name>: one targeted concern such as ux, color, typography, chart, icons or gsap
- If results are empty or off-topic, the instructions say to retry once with a narrower query
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "<query>" --domain <domain>Safety notes before you trust it
The skill runs Python scripts, so read SKILL.md and the scripts folder before you install it in a shared or work environment. The listing says it does not use the network, but you should still confirm that for your own copy.
The skill's guidance is not a compliance test. Its output is recommendations, so a professional accessibility audit is still the right step where legal or formal conformance matters. Do not paste private project data into search queries.
- Read the scripts before running them on sensitive code
- Treat accessibility output as guidance, not verified compliance
- Keep private project details out of queries
What people use it for
- Starting a palette and font pairing for a new web app, then checking colour contrast
- Reviewing an existing form for visible labels, error placement and touch target size
- Choosing chart types and legends for a dashboard
- Picking icon and animation presets for a component library
- Checking a responsive layout for horizontal scrolling and viewport settings
Frequently asked questions
Is the UI/UX Pro Max skill free?
The listing gives its licence as CC0-1.0, which is a public-domain dedication. Check the licence file in the download to confirm the terms that apply to your copy.
What does the ui-ux-pro-max skill require?
It requires Python 3.x. The listing names no external dependencies, and it says the skill runs scripts locally and does not use the network.
Where do I install a Claude agent skill?
For personal use, unzip the skill into ~/.claude/skills/. For a single project, put it in that project's .claude/skills/ folder. In the Claude apps, upload the ZIP under Settings, then Capabilities, then Skills.
Can the UI/UX Pro Max skill replace an accessibility audit?
No. The skill gives recommendations and does not perform verified compliance testing. Use it to catch common issues early, then run a professional audit where conformance matters.
Does the skill work for backend or API work?
No. The skill is aimed at pages, components and design systems. It says it should not apply to pure backend logic, API or database design, or infrastructure work.
How does it compare with a plain prompt to my AI agent?
A plain prompt relies on the model's general knowledge. This skill adds a searchable local library of guidelines, palettes, font pairings, chart types and icons that the agent consults before it decides. Results still need checking against your product.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you build or review web or mobile pages and want a consistent, accessibility-aware starting point, or if you need palette, font pairing or chart suggestions. Pick something else if your work is mainly backend, API or infrastructure, or if you need certified accessibility testing rather than recommendations.
Download the skill