Le style d'Apple ou d'Airbnb dans ton projet, en un fichier

Colle cette demande

Ce soir, sans rien installer. Ouvre le fichier d'Airbnb dans ton navigateur : c'est un long texte en anglais, la description de son style. Sélectionne tout, copie. Ouvre claude.ai (gratuit), colle le texte puis écris à la suite :

Dessine la page d'accueil de ton activité en une phrase
en suivant ce DESIGN.md, en un seul fichier HTML.
Un titre, trois arguments, un bouton.

HTML, c'est le format d'une page web. Claude t'affiche la page ou te donne le fichier à ouvrir. Tu vois ton activité habillée comme Airbnb. Ce que tu n'as pas sur claude.ai : le fichier gardé dans ton dossier, que chaque page suivante respecte seule. C'est ce que donne Claude Code.

Avec Claude Code, compris dans l'abonnement Claude Pro (20 dollars par mois chez Anthropic, le prix en euros s'affiche au paiement). Crée un dossier « Ma page » sur ton ordinateur, ouvre Claude Code dedans et colle ça tel quel. Le mot surligné est le nom de la marque, à prendre dans la liste de l'étape 2. La demande dit curl, un programme qui télécharge un fichier tel quel : son outil de lecture du web, lui, résume la page au lieu de la recopier.

Tu veux qu'il te demande avant d'écrire ? Si tu lis ⏵⏵ auto mode on tout en bas de la fenêtre, appuie une fois sur Shift + Tab (dans l'application de bureau : Manuel, à côté du bouton d'envoi).

Télécharge ce fichier tel quel avec curl, sans le résumer.
Enregistre-le à la racine de mon projet sous le nom DESIGN.md :
https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/airbnb/DESIGN.md

Puis dessine la page d'accueil de mon activité en une phrase en suivant ce DESIGN.md.
Un titre, trois arguments, un bouton.

Les soixante-quatorze marques

Le dépôt (le dossier d'un projet avec tout son historique, gardé par git. Il peut être privé ou public) est github.com/VoltAgent/awesome-design-md. Un nom de la liste, à la place du mot surligné, rien d'autre ne change. Sur claude.ai, ouvre cette adresse avec le nom choisi :

https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/airbnb/DESIGN.md

Les soixante-quatorze noms, relevés le 17/09 :

airbnb, airtable, apple, binance, bmw, bmw-m, bugatti, cal, claude,
clay, clickhouse, cohere, coinbase, composio, cursor, dell-1996,
elevenlabs, expo, ferrari, figma, framer, hashicorp, hp, ibm,
intercom, kraken, lamborghini, linear.app, lovable, mastercard,
meta, minimax, mintlify, miro, mistral.ai, mongodb, nike,
nintendo-2001, notion, nvidia, ollama, opencode.ai, pinterest,
playstation, posthog, raycast, renault, replicate, resend, revolut,
runwayml, sanity, sentry, shopify, slack, spacex, spotify,
starbucks, stripe, supabase, superhuman, tesla, theverge,
together.ai, uber, vercel, vodafone, voltagent, warp, webflow,
wired, wise, x.ai, zapier

Ce qui se passe ensuite

Avec Claude Code en mode manuel : il demande l'autorisation de lancer curl, dis oui. Il enregistre DESIGN.md, puis il écrit index.html, le fichier de ta page : double-clique dessus, elle s'ouvre dans ton navigateur. Testé le 17/09 : le fichier d'Airbnb fait 3 860 mots, la page sort avec son rouge.

À partir de là, tout ce que tu lui demandes dans ce dossier suit le fichier : « ajoute une page tarifs », « fais le formulaire de contact », il garde les mêmes couleurs, les mêmes marges, les mêmes boutons.

Changer de marque : refais l'étape 1 avec un autre nom. Le nouveau fichier remplace l'ancien, la page est redessinée. Comparer deux marques sans rien écraser, testé le 17/09 avec Apple à côté d'Airbnb :

Télécharge ce fichier tel quel avec curl, sans le résumer.
Enregistre-le à la racine de mon projet sous le nom DESIGN-apple.md :
https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/apple/DESIGN.md

Dessine la même page d'accueil en suivant DESIGN-apple.md, dans un
fichier apple.html. Ne touche ni à index.html ni à DESIGN.md.

Tu ouvres les deux pages côte à côte, tu gardes celle qui te plaît. Un fichier nommé autrement, Claude ne le suit que quand tu le nommes. Sur claude.ai, même geste : colle le second fichier dans une nouvelle conversation.

Ne demande pas « fais-moi le site d'Airbnb ». Tu obtiendrais une page qui ressemble à Airbnb : un problème, pas un produit. Le rouge d'Airbnb, la pomme d'Apple, leur police sont à eux. Les espacements, la grille, la hiérarchie des titres, ce que fait un bouton se reprennent. Demande la charpente, mets tes couleurs.