How do I install the UI UX Pro Max skill?

Run npx skillmds@latest add selmakcby/ui-ux-pro-max in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the UI UX Pro Max skill do?

UI/UX design intelligence. Use when user asks for UI/UX design, component architecture, layout, color system, or visual hierarchy decisions. Includes 50+ styles, 161 palettes, 57 font pairings. It is listed under Web & Frontend on SkillMD.

Is UI UX Pro Max safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with UI UX Pro Max?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is UI UX Pro Max free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published UI UX Pro Max?

selmakcby (@selmakcby) published this skill. Their other Agent Skills are listed on their SkillMD profile.

UI UX Pro Max by selmakcby — Agent Skill

Name: UI UX Pro Max
Rating: 4.2 (5 reviews)
Author: selmakcby

File contents

UI/UX Pro Max

Ne zaman tetiklenir

Kullanıcı UI/UX tasarımı istediğinde
"component", "layout", "design system", "color palette" geçtiğinde
Landing page, dashboard, admin panel, e-commerce UI tasarımı

Referans dosyaları

Bu skill klasöründe ek referanslar var:

styles.md — 50+ stil (glassmorphism, neumorphism, brutalism, bento grid, ...)
palettes.md — 161 renk paleti
fonts.md — 57 font eşleşmesi
components.md — komponent örnekleri

Yaklaşım

1. İhtiyacı anla

Kullanıcı ne istiyor? Website? Dashboard? Landing?

2. Stili seç

styles.md'den projeye uygun stili çek. Gerekçesiyle sun.

3. Renk paleti seç

palettes.md'den uygun paleti al. Marka kimliğine dikkat et.

4. Tipografi

fonts.md'den 2 font eşleşmesi seç (heading + body).

5. Komponentleri planla

components.md'den örneklere bak, projeye uyarla.

Çıktı formatı

## Tasarım Özeti
- **Stil:** <seçilen stil, neden>
- **Palet:** <renkler + hex kodlar>
- **Fontlar:** <heading + body>
- **Anahtar componentler:** <liste>
- **Responsive yaklaşımı:** <breakpointlar>
- **Accessibility notları:** <aria, keyboard nav, contrast>

Kurallar

Stack: Tailwind v4 + shadcn/ui (varsayılan)
Ant Design kullanma
Dark mode + responsive her zaman
Accessibility zorunlu — her component aria + keyboard nav alır

Frequently asked questions

UI UX Pro Max