New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UI/UX Design System Advisor

by Galaxy-Dawn in Galaxy-Dawn/claude-scholar

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

MITAuto-check passedFrontend & Design

Install UI/UX Design System Advisor

skills CLI
$ npx skills add Galaxy-Dawn/claude-scholar --skill ui-ux-pro-max -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Galaxy-Dawn/claude-scholar ui-ux-pro-max --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Galaxy-Dawn/claude-scholar.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ui-ux-pro-max .claude/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ui-ux-pro-max
GitHub stars
5.7k
Used in
1 other repo
Token cost
~1.1k tokens
SKILL.md length
380 words
Files
4 (incl. scripts, references)
Skills in repo
34
Repo updated
First seen
Licence
MIT

At a glance

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

  • Works in 5 steps: Infer the request shape → Generate the design system first → Pull targeted guidance only when needed → …
  • Designing a landing page or dashboard from a rough brief
  • SKILL.md covers Role, Core workflow, Default output shape and Safety rules, plus 1 more section
  • Runs Python scripts from its folder; calls python3

What it does

The agent first infers the product type, industry, style keywords, target platform and stack, defaulting to html-tailwind when none is given. It then runs scripts/search.py with --design-system to produce a compact recommendation covering style direction, palette family, typography, interaction and visual effects, layout bias and anti-patterns to avoid. For multi-page work, --persist saves design-system/MASTER.md and optional per-page overrides under design-system/pages/.

Targeted lookups use --domain with product, style, color, typography, landing, chart or ux, and --stack adds guidance for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI and others. The skill is about sharper execution once the product direction is roughly known and does not replace product strategy or user research. A CSV of UI reasoning rules and a usage reference are bundled.

When your agent uses it

  • Designing a landing page or dashboard from a rough brief
  • Choosing colors and typography for a product
  • Reviewing a UI and fixing UX and accessibility problems
  • Keeping one design system consistent across several pages

Example prompts

  • “Design a dashboard for a fintech app and generate a design system first.”
  • “Review this signup page for UX and accessibility issues and suggest fixes.”
  • “Pick a palette and typography for a meditation app landing page and save the design system for later pages.”

Requirements

  • Python 3, to run scripts/search.py

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Infer the request shape
  2. Generate the design system first
  3. Pull targeted guidance only when needed
  4. Add stack-specific guidance before coding
  5. Synthesize before implementation

What it can do on your machine

Read from SKILL.md and the folder at commit 9037873. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python3

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UI/UX Design System Advisor loads about 1.1k tokens when it runs, and up to ~1.2k if it reads all its reference files. Until then it costs about 61 tokens; SKILL.md has 380 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~61
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from Galaxy-Dawn/claude-scholar at commit 9037873, republished under its MIT licence (© Galaxy-Dawn). 380 words, ~1,067 tokens.

Download SKILL.mdSave it as .claude/skills/ui-ux-pro-max/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
ui-ux-pro-max
description
This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.
version
0.2.0

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:

bash
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.

If the work spans multiple turns or pages, persist the design system:

bash
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "<query>" --design-system --persist -p "Project Name"
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "<query>" --design-system --persist -p "Project Name" --page "dashboard"

This creates:

  • design-system/MASTER.md
  • optional page-level override notes under design-system/pages/
3. Pull targeted guidance only when needed

Use a focused search instead of loading everything at once:

bash
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "glassmorphism dark" --domain style
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "animation accessibility" --domain ux
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "real-time dashboard" --domain chart
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "elegant luxury serif" --domain typography

Supported domains:

  • product
  • style
  • color
  • typography
  • landing
  • chart
  • ux
4. Add stack-specific guidance before coding
bash
python3 "${CLAUDE_PLUGIN_ROOT}/skills/ui-ux-pro-max/scripts/search.py" "forms table responsive" --stack html-tailwind

Supported stacks:

  • html-tailwind
  • react
  • nextjs
  • vue
  • svelte
  • swiftui
  • react-native
  • flutter
  • shadcn
  • jetpack-compose
5. Synthesize before implementation

After gathering the design system, convert it into:

  • layout structure,
  • component rules,
  • visual tokens,
  • interaction rules,
  • accessibility constraints,
  • implementation notes for the chosen stack.

Do not dump raw search output into the final answer. Use it to justify a coherent design direction.

Show full SKILL.md (131 more words)Show less

Default output shape

A good response should usually include:

  1. product and UI framing,
  2. recommended style system,
  3. palette and typography,
  4. component and layout rules,
  5. accessibility and interaction checks,
  6. stack-aware implementation notes.

Safety rules

  • Do not hardcode a design language without connecting it to the product type.
  • Do not use emoji as primary UI iconography.
  • Do not weaken text contrast for visual flair.
  • Do not scale interactive cards on hover if it destabilizes layout.
  • Do not use animation that violates prefers-reduced-motion.
  • Do not invent unsupported helper scripts or datasets; use the bundled search.py and data/ui-reasoning.csv only.

References

Load only what is needed:

  • references/USAGE.md - recommended command patterns and retrieval flow
  • data/ui-reasoning.csv - compact product-to-design heuristics used by the helper script
  • scripts/search.py - deterministic helper for design-system, domain, and stack lookup

© Galaxy-Dawn, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (scripts, references) in skills/ui-ux-pro-max of Galaxy-Dawn/claude-scholar.

  • SKILL.md
  • data/ui-reasoning.csv
  • references/USAGE.md
  • scripts/search.py

Open the folder on GitHubat commit 9037873

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in Galaxy-Dawn/claude-scholar, which our catalogue first saw on October 7, 2026.

Compare with similar skills

UI/UX Design System Advisor next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UI/UX Design System Advisor compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI/UX Design System Advisor this skillGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
UI UX Pro Maxshobcoder/shob576—~3.7kAutomated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
UI UX Pro Maxsundial-org/awesome-openclaw-skills6632 repos~657Automated safety check: PassNone
UI UX Pro MaxOhh-889/skyroc79526 repos~3.6kAutomated safety check: NotesMIT
Frontend Designavibebuilder/claude-prime120—~2.1kAutomated safety check: PassMIT

Similar skills

  • UI UX Pro Max

    shobcoder/shob

    UI/UX design intelligence expert for web and mobile applications.

    576 GitHub stars~3.7k tokensUpdated 22 days ago
    Frontend & DesignAuto-check passed

  • Design Style

    Castor6/tactus

    A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

    376 GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed

  • UI UX Pro Max

    sundial-org/awesome-openclaw-skills

    UI/UX design intelligence and implementation guidance for building polished interfaces.

    663 GitHub starsUsed in 2 repos~657 tokens
    Frontend & DesignAuto-check passed

  • UI UX Pro Max

    Ohh-889/skyroc

    UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

    795 GitHub starsUsed in 26 repos~3.6k tokens
    Frontend & DesignAuto-check: notes

  • Frontend Design

    avibebuilder/claude-prime

    Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

    120 GitHub stars~2.1k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed

  • Premium UI Revamp

    buildfastwithai/gen-ai-experiments

    Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.

    785 GitHub stars~2k tokensUpdated 18 days ago
    Frontend & DesignAuto-check passed

More from Galaxy-Dawn/claude-scholar

All 34 skills in this repo

  • Citation Verification Guide

    Galaxy-Dawn/claude-scholar

    Reference guidance for checking every citation in academic writing against canonical sources such as DOI, arXiv, CrossRef and Semantic Scholar, to catch fake or wrong references.

    5.7k GitHub starsUsed in 2 repos~1.9k tokens
    Auto-check passed

  • Skill Improvement Plan Executor

    Galaxy-Dawn/claude-scholar

    Reads an improvement-plan file from a companion quality-review skill and applies its suggested fixes to a Claude Skill, backing up first.

    5.7k GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check passed

  • Skill Quality Reviewer

    Galaxy-Dawn/claude-scholar

    Scores a skill across description, content organization, writing style and structure, then produces letter grades and a prioritized improvement plan.

    5.7k GitHub starsUsed in 1 repo~3k tokens
    Auto-check passed

  • Daily Paper Digest

    Galaxy-Dawn/claude-scholar

    Finds recent arXiv and bioRxiv papers on a topic, narrows them in stages to one pick per field, and writes bilingual Chinese and English summaries.

    5.7k GitHub stars~1k tokensUpdated 17 days ago
    Auto-check passed

  • Nature Data

    Galaxy-Dawn/claude-scholar

    Prepare, audit, or revise Nature-ready Data Availability statements, data repository plans, dataset citations, and FAIR metadata checklists for manuscripts.

    5.7k GitHub starsUsed in 3 repos~1.6k tokens
    Auto-check passed

  • Obsidian Project Knowledge Base

    Galaxy-Dawn/claude-scholar

    Maintains a project-scoped Obsidian research knowledge base: bootstrapping its folders, routing notes, updating hub, plan and index notes, and linting.

    5.7k GitHub stars~551 tokensUpdated 17 days ago
    Auto-check passed

Works with

Categories

Questions about UI/UX Design System Advisor

What does UI/UX Design System Advisor do?

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice. The agent first infers the product type, industry, style keywords, target platform and stack, defaulting to html-tailwind when none is given.py with --design-system to produce a compact recommendation covering style direction, palette family, typography, interaction and visual effects, layout bias and anti-patterns to avoid.

When should I use UI/UX Design System Advisor?

UI/UX Design System Advisor fits situations like: designing a landing page or dashboard from a rough brief; choosing colors and typography for a product; reviewing a UI and fixing UX and accessibility problems; keeping one design system consistent across several pages.

How do I install UI/UX Design System Advisor in Claude Code?

Run `npx skills add Galaxy-Dawn/claude-scholar --skill ui-ux-pro-max -a claude-code`. Or copy the skill folder (skills/ui-ux-pro-max in Galaxy-Dawn/claude-scholar) into .claude/skills/ui-ux-pro-max in your project. Claude Code loads it when a task matches its description.

How do I install UI/UX Design System Advisor in Codex?

Run `npx skills add Galaxy-Dawn/claude-scholar --skill ui-ux-pro-max -a codex`. Or copy the skill folder (skills/ui-ux-pro-max in Galaxy-Dawn/claude-scholar) into .agents/skills/ui-ux-pro-max in your project. Codex loads it when a task matches its description.

Can I use UI/UX Design System Advisor in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Galaxy-Dawn/claude-scholar --skill ui-ux-pro-max -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-ux-pro-max, .gemini/skills/ui-ux-pro-max, .github/skills/ui-ux-pro-max and .opencode/skills/ui-ux-pro-max in your project.

What does UI/UX Design System Advisor need to run?

Going by SKILL.md and its folder, UI/UX Design System Advisor needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3, to run scripts/search.py.

Does UI/UX Design System Advisor access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UI/UX Design System Advisor safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does UI/UX Design System Advisor use?

UI/UX Design System Advisor is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UI/UX Design System Advisor use?

About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 182 tokens, read only when the agent opens those files.

What are the alternatives to UI/UX Design System Advisor?

Skills that share tags, products or a category with UI/UX Design System Advisor: UI UX Pro Max (shobcoder/shob, 576 stars), Design Style (Castor6/tactus, 376 stars), UI UX Pro Max (sundial-org/awesome-openclaw-skills, 663 stars) and UI UX Pro Max (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI/UX Design System Advisor?

Galaxy-Dawn (a GitHub user) maintains it in Galaxy-Dawn/claude-scholar, which has 5,725 GitHub stars. The repository holds 34 skills in this directory. The repository was last updated on September 23, 2026.

Source: Galaxy-Dawn/claude-scholar on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.