←Leaderboard/Design/benchmark-skill-ui-ux-pro-max
Last commit on January 8, 2026·Created on January 8, 2026

hylarucoder/benchmark-skill-ui-ux-pro-max

“A design intelligence system for implementing modern UI styles and UX guidelines.”
Combined rank
#658
across all skills
In Design
#70
category rank
Stars
316
+1.0% in last 7d
Forks
53
0.0% in last 7d
Watchers
4
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill provides a structured database of design patterns, including color palettes, font pairings, and layout styles like bento grids and glassmorphism. It helps developers translate high-level aesthetic requirements into concrete implementations across various frameworks.

By integrating specific guidelines for accessibility, typography, and spacing, the tool streamlines the process of building interfaces for dashboards, e-commerce sites, and mobile applications.

WHO IT'S FOR
Frontend engineers
implementing modern UI styles and layouts
UI/UX designers
defining color palettes and font pairings
Mobile app developers
building cross-platform interfaces with SwiftUI or Flutter
Product designers
planning layouts for SaaS and dashboards
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

See the repository for installation instructions.

Open repository instructions ↗

Give it something to do.

Suggested first task

Design a focused landing page

Uses ui-ux-pro-max

  • Product or service description
  • Preferred visual style
  • Target technology stack
  • Python installed and available as python3 or python

Make sure ui-ux-pro-max is installed in your agent before trying this task.

Use the ui-ux-pro-max skill to design and implement a responsive landing page for [product or service]. Use [preferred visual style] and [target technology stack]. First identify the product type and relevant style keywords, then apply suitable layout, typography, color, accessibility, and stack-specific guidance. Keep the first result focused on one landing page.