Skip to content
Get packs

UI/UX Pro Max Design Intelligence

Gives an agent searchable UI/UX rules, palettes, fonts and icon data for designing and reviewing interfaces

Source Download skill
Repository
awesome-dsh-plugin/awesome-dsh-plugin
Stars
21,982
Licence
CC0-1.0
Files
8 files

What it does

Once installed, the agent consults a built-in library of design guidance before building or reviewing an interface. It can look up accessibility and touch rules, color palettes, font pairings, chart types, icons, animation presets and framework-specific implementation tips, and uses them to make layout and style choices. It is aimed at pages, components and design systems rather than backend logic.

Great for

  • Developers building web or mobile pages who want more consistent, accessible UI
  • Designers looking for palette, font pairing or chart suggestions to start from
  • Teams reviewing an existing interface for accessibility and responsive layout problems

Skip it if

  • Pure backend, API, database or infrastructure work, where the skill says it should not apply
  • Anyone expecting it to replace a professional accessibility audit, since its output is recommendations and not verified compliance testing

Try asking

  • “Design a landing page layout and color system for a note-taking app”
  • “Review this signup form for accessibility and error-handling problems”
  • “Suggest a font pairing and chart type for a sales dashboard”
  • “Check this navigation for touch target size and keyboard support”
Step-by-step guide: how to use UI/UX Pro Max Design IntelligenceInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 8 original files, the CC0-1.0 licence and an attribution note.

    ui-ux-pro-max.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip ui-ux-pro-max.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip ui-ux-pro-max.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Describe the product type, audience and platform so the search returns a relevant match
  • Ask for a specific domain such as accessibility or charts when you have a narrow concern
  • Treat results as suggestions and verify them against your product's own design rules

What's inside

  • data/app-interface.csv
  • data/catalog-summary.json
  • data/charts.csv
  • data/colors.csv
  • data/data-provenance.json
  • data/icons.csv
  • data/landing.csv
  • SKILL.md

Redistributed unmodified from awesome-dsh-plugin/awesome-dsh-plugin under the CC0-1.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.