🎨

ui-ux-pro-max

Name: ui-ux-pro-max
Author: nextlevelbuilder

آمن

전문적인 UI/UX 디자인 만들기

متاح أيضًا من: DCjanus

사용자 인터페이스를 구축하려면 적절한 스타일, 색상 및 레이아웃 패턴을 찾는 것이 필요합니다. 이 기술은 50가지 디자인 스타일, 21가지 색상 팔레트, 50가지 폰트 페어링 및 프레임워크별 가이드라인을 제공하여 전문적인 인터페이스를 만들 수 있도록 합니다.

يدعم: Claude Codex Code(CC)

🥉 72 برونزي

تنزيل ZIP المهارة

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

فعّل وابدأ الاستخدام

اختبرها

استخدام "ui-ux-pro-max". Create a glassmorphism style landing page for a SaaS product using React and Tailwind CSS

النتيجة المتوقعة:

Landing page structure with hero section, features, and CTA using Tailwind CSS with glassmorphism style

استخدام "ui-ux-pro-max". Generate a color palette for a SaaS application with professional tones

النتيجة المتوقعة:

Color palette with primary blue (#2563EB), secondary teal (#14B8A6), coral CTA (#F97316), and neutral grays for a SaaS application

استخدام "ui-ux-pro-max". Recommend font pairing for a modern web application

النتيجة المتوقعة:

Font pairing using Inter for headings (700 weight) and Open Sans for body text (400 weight) with 16px base size

التدقيق الأمني

آمن

v5 • 1/21/2026

All 910 static findings are false positives. The scanner incorrectly flagged hexadecimal color codes (#2563EB) as weak cryptographic algorithms, documentation URLs as hardcoded URLs, and legitimate UI/UX terms like 'debounce' as keylogger keywords. The skill contains only design data (styles, palettes, typography, frameworks) and has no network calls, file system access, or credential handling.

الملفات التي تم فحصها

9,051

الأسطر التي تم تحليلها

النتائج

إجمالي عمليات التدقيق

لا توجد مشكلات أمنية

تم تدقيقه بواسطة: claude عرض سجل التدقيق →

درجة الجودة

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الأمان

الامتثال للمواصفات

ماذا يمكنك بناءه

프론트엔드 개발 디자인 가이드라인

웹 또는 모바일 애플리케이션을 위한 사용자 인터페이스 구축 시 디자인 권장사항 및 프레임워크별 가이드라인 얻기

제품 인터페이스를 위한 디자인 영감

새로운 제품 인터페이스를 위한 영감을 찾기 위해 디자인 스타일, 색상 팔레트 및 타이포그래피 페어링 탐색

디자인 시스템 문서화

디자인 시스템 및 컴포넌트 라이브러리 문서화 시 적절한 UI 패턴 및 컴포넌트 구조 찾기

جرّب هذه الموجهات

기본 랜딩 페이지 디자인

Create a [style] style landing page for a [product_type] using [framework]

사양이 포함된 대시보드 디자인

Design a [product_type] dashboard with [color_scheme] colors, [font_pairing] fonts, and [chart_type] charts using [framework]

포괄적인 하이브리드 디자인

Create a [product_type] with [style1] and [style2] hybrid styling, including color palette with [primary_color] as primary, [secondary_color] as secondary, typography pairing [heading_font] and [body_font], accessibility-compliant [component] components, and framework guidelines for [framework]

전체 애플리케이션 인터페이스 디자인

Build a complete [product_type] application interface including: 1) Landing page with [style1] style and brand colors, 2) Dashboard with [chart_type] visualizations and [color_scheme] theme, 3) Mobile-responsive [component] components using [framework] best practices, 4) Typography system with [font_pairing], 5) Accessibility features following WCAG guidelines. Include framework-specific code patterns, component hierarchy, and state management approach.