웹, 모바일, 데스크톱을 위한 UI/UX 디자인 인텔리전스입니다. 페이지, 컴포넌트, 디자인 시스템, 접근성, 인터랙션, 반응형 레이아웃, 타이포그래피, 색상, 차트 및 스택별 UI 구현을 디자인, 구축, 검토 또는 수정할 때 이 스킬을 사용해야 합니다. 검색 가능한 로컬 데이터: 79개의 검색 가능한 스타일(50개 활성), 192개의 제품 팔레트 및 추론 프로필, 74개의 글꼴 페어링, 119개의 UX 가이드라인, 105개의 아이콘, 17개의 GSAP 프리셋, 25개의 차트 유형 및 22개의 스택.
이 스킬은 웹, 모바일, 데스크톱 애플리케이션 전반의 UI/UX 디자인을 위한 포괄적인 인텔리전스를 제공합니다. 개발자와 디자이너가 페이지, 컴포넌트, 디자인 시스템, 접근성, 인터랙션, 반응형 레이아웃, 타이포그래피, 색상, 차트 등 다양한 인터페이스 요소를 설계, 구축, 검토 및 수정하는 데 도움을 줍니다. 로컬에 방대한 검색 가능한 데이터베이스를 포함하여 79개의 스타일(50개 활성), 192개의 제품 팔레트 및 추론 프로필, 74개의 글꼴 페어링, 119개의 UX 가이드라인, 105개의 아이콘, 17개의 GSAP 애니메이션 프리셋, 25개의 차트 유형, 그리고 22개의 기술 스택별 구현 정보를 제공합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 선호하는 스택에 대한 구체적인 지침, 접근성 기술 구현, 그리고 UI 일관성 및 모범 사례를 유지하기 위한 디자인 시스템 규칙을 적용하는 데 특히 유용합니다.
npx skills add nextlevelbuilder/ui-ux-pro-max-skill웹, 모바일, 데스크톱을 위한 UI/UX 디자인 인텔리전스입니다. 페이지, 컴포넌트, 디자인 시스템, 접근성, 인터랙션, 반응형 레이아웃, 타이포그래피, 색상, 차트 및 스택별 UI 구현을 디자인, 구축, 검토 또는 수정할 때 이 스킬을 사용해야 합니다. 검색 가능한 로컬 데이터: 79개의 검색 가능한 스타일(50개 활성), 192개의 제품 팔레트 및 추론 프로필, 74개의 글꼴 페어링, 119개의 UX 가이드라인, 105개의 아이콘, 17개의 GSAP 프리셋, 25개의 차트 유형 및 22개의 스택.
This repo contains 8 individual skills — each has its own dedicated page.
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 voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
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.
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.
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
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 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: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
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.
Obra superpowers agent skills.
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...
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.