Communitygithub.com

Ultra 3D Premium Landing Architect

짧은 브리핑을 기반으로 완전한 반응형 Ultra 3D 프리미엄 랜딩 페이지를 생성합니다. 전환 카피, 비주얼 아트 디렉션, 인터랙션, 실행 가능한 코드 또는 노코드 빌더 가이드, 검증 가능한 QA 게이트를 포함합니다. 랜딩 페이지 제작, 프리미엄 웹 디자인, 3D 웹사이트, 인터랙티브 제품 페이지, 웹사이트 리디자인, 전환 페이지에 사용하세요.

Ultra 3D Premium Landing Architect란 무엇인가요?

이 스킬은 단일 랜딩 페이지를 제작하는 AI 에이전트를 위한 종합 설계자입니다. 사용자가 제공한 짧은 브리핑을 바탕으로 완전히 반응형이며 시각적으로 화려한 Ultra 3D 프리미엄 랜딩 페이지를 처음부터 끝까지 생성합니다. 다양한 디자인 스타일(네오브루탈리즘, 스위스 스타일, 글래스모피즘 등) 중 무작위로 선택하거나 사용자 지정 스타일을 조합할 수 있어 매번 독창적인 결과를 보장합니다. 생성된 결과물에는 전환에 최적화된 카피, 3D 장치 목업, 마우스 추적, 스크롤 애니메이션, 클릭 설정기와 같은 인터랙티브 3D 효과, 그리고 실행 가능한 코드 또는 노코드 빌더 안내가 포함됩니다. 또한 검증 가능한 QA 게이트를 통해 품질을 보장합니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트와 함께 사용하도록 설계되었으며, 에이전트가 브리핑을 분석하고 적절한 기술 스택과 디자인 시스템을 선택하여 완전한 웹 페이지를 구축하는 방식으로 작동합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xaomisatoshi/ultra-3d-premium-landing-architect-skill/tree/HEAD

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

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

문서

Ultra 3D Premium Landing Architect은(는) 무엇을 하나요?

EINSEITIGE LANDING-PAGE erstellen. Verwenden Sie einen ZUFÄLLIG AUSGEWÄHLTEN Designstil aus der folgenden Liste, oder wählen Sie Ihren eigenen Stil, falls Sie etwas Passenderes finden, das nicht aufgeführt ist. Sie können auch 2-3 Designerstile kombinieren.

WICHTIG: Verwenden Sie ein Zufallsverfahren – jede Methode, die für Abwechslung sorgt. Greifen Sie NICHT automatisch auf „Neobrutalismus“ oder einen bestimmten Lieblingsstil zurück. Führen Sie eine echte Zufallsauswahl durch.

Verfügbare Designstile (die Liste ist nicht erschöpfend – Sie können gerne auch andere professionelle Stile identifizieren und verwenden):

  • Neobrutalistisch (rohe, kühne, provokative Optik mit strukturierter Wirkung)
  • Schweizer/International (rasterbasiert, systematisch, extrem klare Typografie)
  • Redaktionell (von Zeitschriften inspiriert, raffinierte Typografie, artikelorientiert)
  • Glassmorphismus (durchscheinende Ebenen, unscharfe Hintergründe, Tiefe)
  • Retro-futuristisch (Zukunftsvision der 80er Jahre, raffinierte Nostalgie)
  • Bauhaus (geometrische Schlichtheit, Grundformen, Form folgt Funktion)
  • Art Déco (elegante Muster, Luxus, Vintage-Raffinesse)
  • Minimalistisch (extreme Reduktion, maximaler Weißraum, nur das Wesentliche)
  • Flat (keine Tiefe, Volltonfarben, einfache Symbole, klar)
  • Material (von Google inspiriert, Karten, dezente Schatten, Bewegung)
  • Neumorphic (weiche Schatten, extrudierte Elemente, haptisch)
  • Monochromatisch (Variationen einer einzigen Farbe, tonale Tiefe)
  • Skandinavisch (Hygge, natürliche Materialien, warmer Minimalismus)
  • Japandi (japanisch-skandinavische Fusion, Zen trifft auf Hygge)
  • Dark Mode First (für dunkle Benutzeroberflächen konzipiert, kontrastreiche Eleganz)
  • Modernistisch (klare Linien, funktionale Schönheit, zeitlos)
  • 3D-Renderings & Computer/Technologie
  • Der „Glassmorphism“
  • Der organische „Blob“
  • 3D-Partikel-Wellen: Hunderte kleine Punkte oder Linien, die sich wie eine digitale Welle bewegen – ideal für KI-, Web3- oder Daten-Startups.

🌐 Immersive 3D-Erlebnisse & Scroll-Animationen

📱 3D Device Mockups

✨ Micro-Animationen mit Funktion

🪟 Glassmorphism & Dark Mode

🖤 Isometrische 3D-Elemente

#interaktive 3D-Effekte für Landingpage:

  1. Mouse-Track: Das 3D-Objekt (z. B. ein Tech-Gadget oder ein abstrakter Code-Würfel) im Hero-Bereich bewegt sich minimal mit der Maus des Nutzers mit.
  2. Scroll-Animate: Wenn der Nutzer nach unten scrollt, dreht sich das Produkt (z. B. ein Sneaker oder eine Flasche), zerlegt sich in seine Einzelteile (Explosionszeichnung) und erklärt so die Features.
  3. Klick-Konfigurator: Nutzer können auf verschiedene Farben oder Knöpfe der 3D-Grafik klicken, woraufhin sich das Modell in Echtzeit verändert.

관련 스킬