Agent Skills Hub

About

What are agent skills?

Agent skills package instructions, scripts, and reference material into a single folder (SKILL.md) so an AI agent can perform a specific task better. Claude, ChatGPT/Codex, Cursor, Gemini CLI, and GitHub Copilot all support the same format.

About this site

We collect skills from across the web and show which agents they work with and how to install them. Each skill belongs to its original author, and we always link to the source.

한국어

Category: Design

UI/UX Pro Max

Searches 50+ design styles, 161 palettes, and 57 font pairings to generate a design system that fits your product.

What it does

  • Recommends styles, colors, type, and effects by product type and keywords
  • Includes 99 UX guidelines on accessibility, touch, performance, and responsiveness
  • Handles light/dark mode, iOS HIG, and Material Design
  • Gives stack-specific guidance for 10 stacks including React, Vue, SwiftUI, and Flutter

When to use it

Great for setting a design direction without a designer, and for keeping web and mobile UI consistent.

How to install

  1. Run the command below in your terminal. Pick the agents you use (Claude Code, Codex, Cursor, Gemini CLI, Copilot, and more) and it installs into the right folder.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max
  1. To install manually, download the ui-ux-pro-max skill folder from the GitHub repository and copy it into your agent's skills folder, such as ~/.claude/skills/ or .cursor/skills/.
  2. Ask your agent for a related task and the skill is used automatically.
View source ↗

Related skills