22, je fais des app mobile
Tous mes desings👉🏽
Joined March 2023
- Tweets2.3K
- Following322
- Followers4.3K
- Likes10.1K
Ca donne ca en screen record
Fais avec le MCP je vous dis c'est une revolution ce truc mdrrr
Bon je m'arrete la bonne nuit
Prompt à coller dans ton agent 👇
Crée un pied de page pour mon site Next.js / React :
1. En haut, un bloc pleine largeur (environ 600 px de haut) avec une scène three.js :
– mon logo (SVG dans /public/logo.svg) extrudé en 3D avec SVGLoader et ExtrudeGeometry, en dalle épaisse aux bords très arrondis (bevel fort, beaucoup de segments) ;
– un matériau de verre clair : MeshPhysicalMaterial avec transmission 1, roughness 0, thickness 0.25, ior 1.33, clearcoat 1, et un peu de dispersion ;
– des reflets sur les arêtes : une scène « studio » passée dans PMREMGenerator et posée en scene.environment, avec des bandes lumineuses blanches en haut, une bande cuivrée sur le côté et un panneau bleu en dessous ;
– en arrière-plan (scene.background), une image de paysage nocturne bleu : ciel vide en haut, rochers, eau et fleurs en bas. L'image est cadrée en mode « cover » et calée en bas ;
– le logo tourne à 360° en boucle, lentement (environ 16 s par tour), en flottant légèrement de haut en bas.
2. Un dégradé noir → transparent en haut du bloc, pour que la section du dessus se fonde dans le ciel. Un dégradé transparent → noir en bas, pour enchaîner sur le pied de page.
3. En dessous, sur fond noir : mon logo et mon e-mail à gauche, deux colonnes de liens à droite, puis la ligne ©.
Contraintes :
– three.js chargé uniquement quand le bloc approche de l'écran (IntersectionObserver) ;
– rendu en pause hors écran, et respect de prefers-reduced-motion ;
– pixel ratio plafonné à 1,75 ;
– tout est libéré proprement au démontage du composant.
Pour l'image de fond, génère-la avec ChatGPT en prenant le control dans mon chrome : « paysage nocturne photoréaliste 21:9, ciel bleu profond vide sur les deux tiers, rochers volcaniques, petit lac lumineux et fleurs bleues en bas, sans texte ».
Leur plan fonctionne
Ça + le liquidglass… la barrière entre le réel et le virtuel est en train de s’effondrer
C’EST MAGNIFIQUE
On vie vraiment dans la meilleure époque ptn
La v2 que je prepare c'est une FOLIE
Vous aurez accès à :
- TOUUUT mes designs d'app
- Mon tool perso tiktok slideshow pour automatiser la distribution
- Des videos explicative et un atelier ou je fais une app de A a Z en direct MDRRRR
Evidemment le tarif sera plus cher mais les membres de 10kdesign auront l'accès a vie sans payer plus
Il reste encore des places si vous avez pas 10kdesign.xyz FONCEZ MDRRRR
Mais Tema les widget que ça a créé pendant que j’étais à la salle
C’est trop une singerie, jsp si jss fou ou pas mais ce mcp c’est la meilleure chose qu’on ai créé
En 30minutes mdrr
C’est une dinguerie !!!
Arretez vos slop ai de merde faites des designs premium comme ca les gars
J’ai tout mis sur 10kdesign.xyz pour ceux qui veulent
Par pitié, si c'est pas le cas :
intégrez cette étape dans votre onboarding !!
Ça permet de
- faire visualiser au user ce qu'il l'attend
- créer du FOMO
- montrer que le produit est utile
- faire monter l'excitation /dopamine
Plusieurs apps l'utilisent (facekit, yazio...)
Sur 10kdesign.xyz j'ai mis le code complet du design a copier - coller dans votre app