Communitygithub.com

nextlevelbuilder/ui-ux-pro-max

웹 및 모바일을 위한 UI/UX 디자인 인텔리전스입니다. 50개 이상의 스타일, 161개의 컬러 팔레트, 57개의 글꼴 조합, 161개의 제품 유형, 99개의 UX 가이드라인, 25개의 차트 유형을 10개의 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS)에서 제공합니다.

ui-ux-pro-max란 무엇인가요?

이 스킬은 웹 및 모바일 애플리케이션을 위한 종합적인 UI/UX 디자인 인텔리전스를 제공합니다. 개발자는 plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code 등 다양한 액션을 사용하여 website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app 프로젝트 전반의 UI/UX를 개선할 수 있습니다. button, modal, navbar, sidebar, card, table, form, chart와 같은 요소와 glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design 등 50개 이상의 스타일을 지원합니다. 또한 color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, gradient 등 디자인 시스템 주제를 다루며, shadcn/ui MCP 통합을 통해 컴포넌트 검색 및 예제를 제공합니다. React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS 등 10개의 주요 스택을 지원하여 다양한 환경에서 일관된 UI/UX 작업이 가능합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/skills/ui-ux-pro-max
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

ui-ux-pro-max은(는) 무엇을 하나요?

웹 및 모바일을 위한 UI/UX 디자인 인텔리전스입니다. 50개 이상의 스타일, 161개의 컬러 팔레트, 57개의 글꼴 조합, 161개의 제품 유형, 99개의 UX 가이드라인, 25개의 차트 유형을 10개의 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS)에서 제공합니다. 액션: 계획, 구축, 생성, 디자인, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링, UI/UX 코드 확인. 프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리자 패널, 이커머스, SaaS, 포트폴리오, 블로그, 모바일 앱. 요소: 버튼, 모달, 내비게이션바, 사이드바, 카드, 테이블, 폼, 차트. 스타일: 글래스모피즘, 클레이모피즘, 미니멀리즘, 브루탈리즘, 뉴모피즘, 벤토 그리드, 다크 모드, 반응형, 스큐어모피즘, 플랫 디자인. 주제: 색상 시스템, 접근성, 애니메이션, 레이아웃, 타이포그래피, 글꼴 조합, 간격, 상호작용 상태, 그림자, 그라데이션. 통합: shadcn/ui MCP를 통한 컴포넌트 검색 및 예제.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

banner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.

brand

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

design

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

design-system

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

ui-ux-pro-max

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 80 searchable styles (51 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

관련 스킬

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community