Instead of guessing at design systems or dumping raw Tailwind classes, this skill walks you through a structured workflow: infer product type and style signals, generate a design system with palette and typography recommendations, then pull targeted guidance by domain (color, typography, UX, charts) or stack (React, Tailwind, SwiftUI, etc.). It persists design decisions across multi-page projects and includes accessibility guardrails and anti-patterns to avoid. The approach is deterministic, leaning on a bundled CSV of product-to-design heuristics rather than vibes. Best for when you want coherent frontend work that connects visual choices back to the product context, not just pretty components.

skills.sh installs
514
GitHub stars
6K
last updated
Aug 21, 2026

Install

$ npx -y skills add galaxy-dawn/claude-scholar --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Pro Max

Use this skill to turn a vague UI request into a concrete design system plus implementation guidance.

Role

This skill is for:

  • design-system selection,
  • palette and typography choices,
  • UX review and remediation,
  • stack-aware frontend implementation guidance,
  • lightweight design-system persistence for multi-page work.

It is not a replacement for product strategy or user research. Use it to make execution sharper after the product direction is already roughly known.

Core workflow

1. Infer the request shape

Extract the minimum design signals first:

  • product type,
  • industry,
  • style keywords,
  • target platform,
  • implementation stack.

If the user does not specify a stack, default to html-tailwind.

2. Generate the design system first

Use the helper script to produce a compact design recommendation:

python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "<product_type> <industry> <keywords>" --design-system -p "Project Name"

This produces:

  • recommended style direction,
  • palette family,
  • typography direction,
  • interaction / visual effects,
  • landing or layout bias,
  • anti-patterns to avoid.

Sponsors

Details

Repository
github.com/galaxy-dawn/claude-scholar
Categories
Frontend Development, Git & Pull Requests, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from galaxy-dawn/claude-scholar

All 28
1aj-geddes avatarreact-native-appaj-geddes/useful-ai-promptsBuild cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platf508skills.sh installs
2davila7 avatarreact-patternsdavila7/claude-code-templatesModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.503skills.sh installs
3davila7 avatarreact-devdavila7/claude-code-templatesThis skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components a498skills.sh installs
4manutej avatarnextjs-developmentmanutej/luxor-claude-marketplaceComprehensive Next.js development skill covering App Router, Server Components, data fetching, routing patterns, API routes, middleware, and full-stack Next.js 473skills.sh installs
5manutej avatarreact-developmentmanutej/luxor-claude-marketplaceComprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation468skills.sh installs
6pproenca avatarzustandpproenca/dot-skillsZustand state management best practices for React applications. Use when writing, reviewing, or refactoring Zustand stores to ensure optimal performance and mai453skills.sh installs