UI 및 UX 디자인 워크플로 개선
인터페이스 작업에는 일관된 스타일, 접근성, 스택별 가이던스가 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 디자인을 계획, 구축, 리뷰할 때 사용할 수 있는 검색 가능한 UI/UX 레퍼런스를 제공합니다.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "ui-ux-pro-max" from https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ui-ux-pro-max/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"ui-ux-pro-max" 사용 중입니다. 전문적인 SaaS 분석 대시보드를 디자인하세요.
예상 결과:
"ui-ux-pro-max" 사용 중입니다. 이 랜딩 페이지의 완성도를 리뷰하세요.
예상 결과:
"ui-ux-pro-max" 사용 중입니다. Tailwind로 뷰티 서비스 랜딩 페이지를 구축하세요.
예상 결과:
Most static findings are false positives caused by Markdown formatting and CSV reference data for UI/UX guidance. The real security concern is that SKILL.md includes package-manager installation commands, including sudo apt and Windows winget examples, which can modify the user system and require confirmation. Static review was capped at 400/515 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ui-ux-pro-max/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ui-ux-pro-max.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ui-ux-pro-max security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10@techreport{nextlevelbuilder-nextlevelbuilder-ui-ux-pro-max-2026,
author = {nextlevelbuilder},
title = {ui-ux-pro-max security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ui-ux-pro-max security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ui-ux-pro-max:audit:10"
description: "Skillstore immutable audit report identifier"
각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
nextlevelbuilder-ui-ux-pro-max
2026-09-09
랜딩 페이지를 구축하기 전에 스타일, 색상, 타이포그래피, 섹션, CTA 전략을 선택합니다.
간격, 대비, hover 피드백, 반응형 동작, 아이콘, 접근성 문제를 UI에서 점검합니다.
React, Next.js, Vue, Svelte, 모바일 스택, Tailwind 레이아웃에 대한 프레임워크별 권장 사항을 얻습니다.
Use ui-ux-pro-max to recommend a visual direction for a [product type] landing page in the [industry] industry. Include style, colors, typography, and section structure.
Use ui-ux-pro-max to review this [screen or component]. Focus on spacing, contrast, hover states, responsive behavior, accessibility, and visual hierarchy.
Use ui-ux-pro-max stack guidance for [React or Next.js or Vue]. Recommend patterns for layout, state, performance, accessibility, and component polish before implementation.
Use ui-ux-pro-max across product, style, typography, color, landing, chart, UX, and stack domains. Synthesize a complete build plan for [project], then identify risks and review checkpoints.
작성자
nextlevelbuilder라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
리포지토리
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/ui-ux-pro-max/참조
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
유지보수 최신성
2026. 7. 18.
사용량
105 다운로드 · 373 조회
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
브랜드 가이드라인 및 에셋 워크플로 구축
브랜드 작업은 보이스, 비주얼, 에셋, 디자인 토큰 전반에서 일관성이 흐트러지기 쉽습니다. 이 스킬은 Claude, Codex, Claude Code가 일관된 브랜드 시스템을 생성, 검토, 적용하도록 돕습니다.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
전략적인 HTML 슬라이드 덱 만들기
프레젠테이션 팀에는 내러티브, 레이아웃, 차트를 결합한 설득력 있는 덱이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 반응형 HTML 슬라이드를 제작하도록 안내합니다.
리서치 기반 디자인 가이드로 UX 개선
작성자 shubhamsaboo
팀은 종종 가정에 기반해 플로우를 설계하다가 접근성 문제를 놓칩니다. 이 스킬은 UX 모범 사례를 활용해 리서치, 구조, 인터랙션 디자인, 리뷰를 안내합니다.
차별화된 UI 프로토타입 설계
작성자 tencentcloudbase
일반적인 AI 인터페이스는 시각적 방향성과 플랫폼을 고려한 세부 사항이 부족한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 프로토타입을 만들기 전에 디자인 의도를 정의하도록 안내합니다.
Build and Refine Interfaces with Uizze
작성자 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
WCAG 준수를 위한 웹 접근성 감사
작성자 89jobrien
접근성 격차는 사용자를 차단하고 준수 리스크를 만들 수 있습니다. 이 스킬은 WCAG 감사, 스크린 리더 점검, 키보드 테스트, 개선 계획 수립을 안내합니다.
독창적인 프론트엔드 인터페이스 설계
작성자 Atman36
일반적인 생성형 인터페이스는 예측 가능하고 완성도가 낮아 보이는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 독창적이고 프로덕션 수준의 프론트엔드 디자인을 만들도록 안내합니다.
구축 전에 UX 계획하기
작성자 pbakaus
팀은 사용자 목표, 상태, 제약 조건을 명확히 하기 전에 인터페이스를 구축하는 경우가 많습니다. 이 스킬은 발견 과정을 안내하고 구현을 위한 디자인 브리프를 생성합니다.