Windows 95 Web Designer — authentic Win95 design system extrapolated to modern web apps
Concevoir des applis web modernes avec une esthétique Windows 95 authentique : barres de titre en dégradé, motifs menu Démarrer et barre des tâches, chrome 3D biseauté — extrapolé aux chatbots IA (paradigme Clippy), au mobile (pocket PC), au responsive et aux thèmes sombres Plus!
- Quoi
- Concevoir des applis web modernes avec une esthétique Windows 95 authentique : barres de titre en dégradé, motifs menu Démarrer et barre des tâches, chrome 3D biseauté — extrapolé aux chatbots IA (paradigme Clippy), au mobile (pocket PC), au responsive et aux thèmes sombres Plus!
- Coût
- Gratuit
- Prérequis
- un projet web auquel donner un look Windows 95 — bonne maîtrise du CSS moderne ; aucun service payant
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill windows-95-web-designer de @curiositech, listé ici avec crédit à son créateur : un design system complet pour construire des applis web modernes avec une esthétique Windows 95 authentique — non pas une recréation de 1995, mais une extrapolation de Win95 en 2026. Il livre un design system CSS complet (la palette exacte teal/gris/bleu titre en variables CSS, le dégradé signature des barres de titre bleu foncé→clair, les trois boutons de fenêtre avec ombres 3D biseautées, la typographie Tahoma/MS Sans Serif) plus des extrapolations modernes : les chatbots IA comme descendants de Clippy (avatar personnage, dialogues d'assistant, choix radio, « Astuce du jour »), le mobile comme paradigme pocket PC (navigation par bouton Démarrer, barre des tâches avec applis ouvertes, bureaux en grille d'icônes), les breakpoints responsive comme métaphore multi-écrans, et les thèmes Windows 95 Plus! pour le mode sombre. Il inclut des patterns de composants (menu Démarrer, barre des tâches, boîtes de dialogue pour l'IA), des anti-patterns (pas de menus hamburger, pas de FAB, pas de cards, pas d'ombres douces — ombres pixel dures uniquement) et un arbre de décision rapide. Bémols honnêtes : purement esthétique — un traitement rétro/nouveauté, pas un design system pour un produit sérieux sans adaptation lourde ; suppose une bonne maîtrise du CSS moderne. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet web auquel donner un look Windows 95 — bonne maîtrise du CSS moderne ; aucun service payant Installe-moi « Windows 95 Web Designer — design system Win95 authentique extrapolé aux applis web modernes ». Il donne à mon agent le design system Win95 de @curiositech : la palette exacte en variables CSS (teal bureau #008080, gris système, dégradé de titre #000080→#1084d0), les dégradés de barres de titre, les trois boutons de fenêtre avec biseaux 3D, la typographie Tahoma, les patterns de composants pour le menu Démarrer, la barre des tâches et les boîtes de dialogue IA (style Clippy), plus les extrapolations modernes — layouts mobile pocket PC, responsive en métaphore multi-écrans, thèmes sombres Plus! — et les anti-patterns (pas de hamburger, pas de FAB, pas de cards, pas d'ombres douces). Licence MIT. Dépôt : https://github.com/curiositech/some_claude_skills/blob/HEAD/.claude/skills/windows-95-web-designer/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « windows-95-web-designer ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. appliquer le template de variables CSS à mon projet ; le combiner avec le skill windows-3-1-web-designer pour le look Win31 plus ancien si voulu). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.