likaia avatar

Ui Ux Pro Max

This is essentially a design system in a Claude skill. You get searchable databases for 50+ UI styles, 21 color palettes, 50 font pairings, and stack-specific guides for React, Vue, Svelte, Flutter, and more. It defaults to HTML with Tailwind if you don't specify a stack. The workflow is smart: you search by product type, then style, then typography, then colors, building up context before Claude writes any code. What I like is the opinionated rules section that calls out amateur mistakes like using emojis as icons, bad light mode contrast, or forgetting cursor pointers on hover cards. It's basically guardrails to stop you from shipping UI that looks unprofessional. Good for landing pages, dashboards, or any project where you want consistent design decisions without bikeshedding every button.

skills.sh installs
1.3K
GitHub stars
2.7K
last updated
Jul 14, 2026

Install

$ npx -y skills add likaia/nginxpulse --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Pro Max - Design Intelligence

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.

Prerequisites

Check if Python is installed:

python3 --version || python --version

If Python is not installed, install it based on user's OS:

macOS:

brew install python3

Ubuntu/Debian:

sudo apt update && sudo apt install python3

Windows:

winget install Python.Python.3.12

How to Use This Skill

When user requests UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:

Step 1: Analyze User Requirements

Extract key information from user request:

  • Product type: SaaS, e-commerce, portfolio, dashboard, landing page, etc.
  • Style keywords: minimal, playful, professional, elegant, dark mode, etc.
  • Industry: healthcare, fintech, gaming, education, etc.
  • Stack: React, Vue, Next.js, or default to html-tailwind

Step 2: Search Relevant Domains

Use search.py multiple times to gather comprehensive information. Search until you have enough context.

Sponsors

Details

Repository
github.com/likaia/nginxpulse
Categories
Frontend Development, Design & UI/UX
First seen
May 16, 2026
1callstackincubator avatarreact-devtoolscallstackincubator/agent-devicereact devtools1.3Kskills.sh installs
2sickn33 avatartailwind-design-systemsickn33/antigravity-awesome-skillstailwind design system1.3Kskills.sh installs
3ruvnet avataragent-spec-mobile-react-nativeruvnet/rufloAgent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native1.3Kskills.sh installs
4jezweb avatarreact-hook-form-zodjezweb/claude-skillsBuild type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full TypeScript inference via z.infer. Use wh1.2Kskills.sh installs
5wot-ui avatarwot-ui-v2wot-ui/open-wot回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词:wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。1.2Kskills.sh installs
6sickn33 avatarfrontend-dev-guidelinessickn33/antigravity-awesome-skillsfrontend dev guidelines1.2Kskills.sh installs