~/ prompts

MacOS Clone

Créer une interface complète inspiré de MacOS, entièrement en HTML, CSS et JavaScript vanilla.

ficheClaudeOpus 548 lignes · ~607 tokens

macos-clone.md · 48 l. · ~607 tk

Crée une interface complète inspirée de MacOS, entièrement en HTML, CSS et JavaScript vanilla, dans un seul fichier si possible. Je veux un rendu très propre, moderne, fluide et visuellement premium, comme un vrai desktop Mac.

Exigences:
- Génère une fausse interface de bureau type MacOS, fullscreen, responsive, avec un design très réaliste.
- Ajoute une barre de menu en haut, style MacOS, avec logo Apple à gauche, menus (Finder, File, Edit, View, Go, Window, Help), heure à droite, icônes système (Wi-Fi, batterie, recherche, centre de contrôle).
- Ajoute un dock en bas avec effet glassmorphism / blur, icônes bien espacées, animation au survol type magnification MacOS.
- Mets plusieurs applications cliquables dans le dock et/ou sur le bureau:
- Finder
- Safari
- Terminal
- Notes
- App Store
- Settings
- Music
- Chaque app doit s’ouvrir dans une vraie fenêtre draggable.
- Les fenêtres doivent avoir:
- boutons rouge / orange / vert en haut à gauche
- ombre douce
- coins arrondis
- effet de transparence léger
- possibilité de déplacer les fenêtres à la souris
- possibilité de les mettre au premier plan quand on clique dessus
- bouton pour fermer la fenêtre
- bouton pour minimiser
- bouton pour maximiser / restaurer
- Ajoute un bureau avec wallpaper élégant style MacOS Sonoma / Ventura.
- Ajoute quelques icônes sur le bureau (Documents, Projects, Trash, Images).
- Implémente un Finder basique avec sidebar + liste de fichiers fictifs.
- Implémente Safari avec une fausse barre d’adresse et une page d’accueil.
- Implémente Terminal avec quelques commandes fake fonctionnelles comme:
- help
- clear
- date
- whoami
- ls
- Implémente Notes avec une zone de texte éditable.
- Ajoute des animations fluides à l’ouverture / fermeture des fenêtres.
- Ajoute un effet glassmorphism moderne sur certains éléments.
- Utilise un fond, des lumières, des ombres et des contrastes qui donnent vraiment l’impression d’un OS premium.
- Le code doit être propre, bien structuré et facilement modifiable.
- Pas de librairie externe, sauf si absolument nécessaire.
- Tout doit être fonctionnel directement en ouvrant le fichier HTML dans un navigateur.
- Le rendu doit être impressionnant visuellement, presque comme une démo de faux système d’exploitation.

Important:
- Renvoie uniquement le code final.
- Ne donne aucune explication.
- Fais quelque chose de très poussé visuellement, pas une version simpliste ou scolaire.

Tapez au moins 2 caractères.

télécharger ↓