mcpbeat

UI Ux Pro Max

majiayu000/ui-ux-pro-max

Use when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. Covers product patterns, landing pages, chart choices, visual styles, palettes, typography, UX rules, and 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

5k tokens
context cost
the whole folder, loaded on every use
2
files
instructions only
0
copies elsewhere
how many repositories repackaged it
242
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/majiayu000/spellbook --skill ui-ux-pro-max

The instruction itself

4 sections, as written by the author

UI/UX Pro Max

Use this skill for high-rigor UI/UX design guidance, design-system generation, stack-specific implementation hints, and pre-delivery review.

Routing

  • Start here to confirm scope, safety boundaries, and the minimum workflow.
  • Load references/full-guide.md before executing detailed commands, applying templates, or relying on examples from this skill.
  • Keep the work limited to the user-requested target; do not add adjacent improvements unless the user asks.

Quick Workflow

  • Confirm the target, available context, constraints, and done-when signal.
  • Read the relevant section of references/full-guide.md for task-specific details.
  • Execute the smallest reversible action that satisfies the request.
  • Verify accessibility, responsiveness, interaction states, visual hierarchy, and the concrete design-system artifacts requested by the user.
  • Report changed files, commands run, evidence collected, and any remaining risk.

References

  • references/full-guide.md - complete command patterns, examples, checklists, and edge cases.

How to use it

Copy the folder

Take majiayu000/ui-ux-pro-max from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.