Agent-Skills.md

Agent Skills: UI/UX Pro Max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. 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. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

UncategorizedID: majiayu000/claude-arsenal/ui-ux-pro-max

Repository

majiayu000/claude-arsenal
majiayu000License: MIT
132

Install this agent skill to your local

pnpm dlx add-skill https://github.com/majiayu000/claude-arsenal/tree/HEAD/skills/ui-ux-pro-max

Skill Files

Browse the full folder contents for ui-ux-pro-max.

Download Skill

Loading file tree…

skills/ui-ux-pro-max/SKILL.md

Skill Metadata

Name
ui-ux-pro-max
Description
"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."

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

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

References

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