Communitygithub.com

Xaomisatoshi/ultra-3d-premium-landing-architect-skill

À partir d'un briefing succinct, créez des pages de destination premium Ultra-3D entièrement responsives, avec copy de conversion, direction artistique visuelle, interactions, code implémentable ou guide de builder no-code, et une gate de QA vérifiable. Idéal pour la création de landing pages, webdesign premium, sites 3D, pages produit interactives, redesigns de sites et pages de conversion.

Qu'est-ce que ultra-3d-premium-landing-architect-skill ?

Cette compétence transforme un briefing rapide en une page de destination premium au design ultra-3D, entièrement responsive et optimisée pour la conversion. Elle sélectionne aléatoirement un style de design parmi une liste variée (néobrutalisme, suisse, éditorial, glassmorphisme, rétro-futuriste, Bauhaus, art déco, minimaliste, flat, material, néomorphique, monochromatique, scandinave, japandi, dark mode first, moderniste) ou permet de combiner plusieurs styles, garantissant une originalité visuelle à chaque projet. La compétence intègre des interactions 3D immersives comme le suivi de souris, les animations au scroll (rotation, décomposition explosive) et des configureurs par clic, le tout avec des effets de glassmorphisme, de mode sombre et des micro-animations fonctionnelles. Elle délivre un code ou un guide no-code prêt à l'emploi, accompagné d'une gate de QA pour validation, ce qui en fait un outil complet pour les développeurs et designers cherchant à produire rapidement des landing pages haut de gamme, interactives et visuellement percutantes.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Ultra 3D Premium Landing Architect

Créez une PAGE DE DESTINATION UNIQUE en utilisant un STYLE DE DESIGN SÉLECTIONNÉ ALÉATOIREMENT dans la liste suivante, ou choisissez votre propre style si vous en trouvez un plus approprié qui n'est pas listé, ou vous pouvez aussi combiner 2 à 3 styles de design. IMPORTANT : Utilisez un processus aléatoire – toute méthode qui assure de la variété. Ne revenez PAS automatiquement au « néobrutalisme » ou à un style favori particulier. Effectuez une réelle sélection aléatoire.

Styles de design disponibles (liste non exhaustive – n'hésitez pas à identifier et utiliser d'autres styles professionnels) :

  • Néobrutaliste (aspect brut, audacieux, provocateur avec un impact structuré)

  • Suisse/International (basé sur la grille, systématique, typographie extrêmement claire)

  • Éditorial (inspiré des magazines, typographie raffinée, orienté article)

  • Glassmorphisme (couches translucides, arrière-plans flous, profondeur)

  • Rétro-futuriste (vision futuriste des années 80, nostalgie raffinée)

  • Bauhaus (simplicité géométrique, formes de base, la forme suit la fonction)

  • Art Déco (motifs élégants, luxe, sophistication vintage)

  • Minimaliste (réduction extrême, espace blanc maximal, seulement l'essentiel)

  • Flat (pas de profondeur, couleurs unies, icônes simples, clair)

  • Material (inspiré par Google, cartes, ombres subtiles, mouvement)

  • Néomorphique (ombres douces, éléments extrudés, tactile)

  • Monochromatique (variations d'une seule couleur, profondeur tonale)

  • Scandinave (hygge, matériaux naturels, minimalisme chaleureux)

  • Japandi (fusion japonaise-scandinave, zen rencontre hygge)

  • Dark Mode First (conçu pour les interfaces sombres, élégance contrastée)

  • Moderniste (lignes épurées, beauté fonctionnelle, intemporel)

  • Rendu 3D & Informatique/Technologie

  • Le « Glassmorphism »

  • Le « Blob » organique

  • Vagues de particules 3D : des centaines de petits points ou lignes qui se déplacent comme une vague numérique – idéal pour les startups IA, Web3 ou Data.

🌐 Expériences 3D immersives & Animations au scroll

📱 Maquettes d'appareils 3D

✨ Micro-animations avec fonction

🪟 Glassmorphisme & Mode sombre

🖤 Éléments 3D isométriques

Effets 3D interactifs pour page de destination :

  1. Mouse-Track : L'objet 3D (par exemple, un gadget tech ou un cube de code abstrait) dans la zone hero bouge minimalement avec la souris de l'utilisateur.
  2. Scroll-Animate : En scrollant vers le bas, le produit (ex. une sneaker ou une bouteille) tourne, se décompose en ses pièces (vue éclatée) et explique ainsi les fonctionnalités.
  3. Cliqueur-Configurateur : Les utilisateurs peuvent cliquer sur différentes couleurs ou boutons du graphique 3D, ce qui fait changer le modèle en temps réel.

Skills associés