> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Comment créer votre premier projet

> Votre premier site web ou votre première application, créés dès aujourd'hui

Vous décrivez ce que vous voulez en langage courant et l'agent Macaly le crée pour vous. Imaginez que vous envoyez des messages à un développeur très compétent qui travaille instantanément.

<iframe width="100%" height="420" src="https://www.youtube.com/embed/videoseries?list=PL_6FnllPMh1G-XbXlylnuEJk9yUGBGEHn" title="Tutoriels Macaly" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Avant de commencer

Vous n'avez pas besoin d'un plan détaillé. Mais si vous ne savez pas par où commencer, voici de bonnes idées de premier projet :

<CardGroup cols={2}>
  <Card title="Page d'atterrissage" icon="browser">
    Simple, ciblée et rapide à créer. Idéale pour tester une idée.
  </Card>

  <Card title="Portfolio personnel" icon="user">
    Quelques pages sur vous, votre travail et la façon de vous contacter.
  </Card>

  <Card title="Site d'entreprise" icon="building">
    Accueil, à propos, services, contact. Une structure de base solide.
  </Card>

  <Card title="Dashboard interne" icon="table-columns">
    Un outil simple pour permettre à votre équipe de suivre des tâches ou d'afficher des données.
  </Card>
</CardGroup>

**Ce qu'il faut préparer :**

* Une courte description de votre site (une phrase suffit)
* Votre logo, si vous en avez un
* Les couleurs de votre marque, ou un site de référence dont vous appréciez le style

<Note>
  Ne vous compliquez pas la tâche. Tout peut être modifié plus tard, votre première version n'a donc pas besoin d'être parfaite.
</Note>

## Créer votre premier projet

<Steps>
  <Step title="Ouvrez Macaly et lancez un nouveau projet">
    Connectez-vous sur [macaly.com](https://www.macaly.com/). Le champ de saisie du prompt se trouve au centre de l'écran d'accueil.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_01.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=a5862e0e462ab210eb18f1cad269d7b1" alt="Starting New Chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Décrivez ce que vous voulez créer">
    Dites à Macaly ce que vous avez en tête, comme si vous l'expliquiez à un ami. Toutes les langues fonctionnent.

    Si vous avez des éléments prêts (un logo, une charte graphique, un PDF avec du contenu), joignez-les tout de suite. Plus l'agent Macaly dispose de contexte dès le départ, meilleur sera le premier résultat.
  </Step>

  <Step title="Attendez que l'agent termine">
    L'agent Macaly se met immédiatement au travail. Il peut vous poser une ou deux questions en cours de route si quelque chose nécessite une précision.

    La première version peut prendre quelques minutes. Vous verrez les mises à jour dans le chat au fur et à mesure du travail de l'agent.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_02.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=27c4c4e309eee0cd13430043d516eaec" alt="Agent plan" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </Step>

  <Step title="Examinez le résultat">
    Consultez l'aperçu sur la droite. Examinez la mise en page, les textes, les images et le rendu général. Utilisez le sélecteur d'appareil au-dessus de l'aperçu pour voir instantanément le rendu de votre site sur mobile, tablette et ordinateur.

    Ce ne sera pas parfait du premier coup, et c'est tout à fait normal. Continuez à affiner en envoyant des messages de suivi dans le chat, ou passez aux <Tooltip headline="Modifications visuelles" tip="Utilisez la barre au-dessus de votre aperçu pour modifier un élément directement, réécrire du texte sur place ou marquer ce dont vous parlez." cta="En savoir plus sur les Modifications visuelles" href="/docs/fr/features/visual-edits">la barre au-dessus de votre aperçu</Tooltip> pour effectuer des changements précis directement sur la page.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_03.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=4b655dc218595353d9741bba7e8ec71e" alt="Review result" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## Comment parler à Macaly

Parlez à Macaly comme à un ami. Aucune commande, aucun terme technique. Dites simplement ce que vous voulez.

Commencez par quelque chose de concret :

```
Je veux créer un site web pour mon café Dusk. C'est un petit
établissement chaleureux à Paris. Très bon café, pâtisseries
maison, jazz en live le week-end. Couleurs chaudes et beaucoup
de photos de plats.
```

Puis poursuivez la conversation. Chaque message s'appuie sur ce qui a déjà été créé :

```
J'ai trouvé un site dont j'aime vraiment l'ambiance :
https://example.com. Pouvez-vous faire quelque chose de similaire
pour la page d'accueil ?
```

```
Remplacez la section avec les avis Google Maps par une galerie photo.
```

```
Pouvez-vous ajouter une section menu ? J'ai notre carte complète
en PDF, je vais la téléverser. Pouvez-vous en extraire les plats
et les prix ?
```

L'agent Macaly conserve le contexte complet de votre projet tout au long de la conversation, ce qui lui évite de perdre le fil de ce que vous avez déjà créé.

### Quelques conseils

* **De meilleurs résultats commencent par du contexte.** Partagez un site de référence, téléversez votre logo ou expliquez à qui le site s'adresse. Plus Macaly en sait, meilleur sera le résultat.

* **Décrivez le résultat, pas les étapes.** Concentrez-vous sur l'apparence ou la sensation que vous souhaitez. L'agent Macaly détermine le comment.

* **Envoyez une demande à la fois.** Des messages ciblés donnent de meilleurs résultats que de longues listes. Si vous avez plusieurs modifications en tête, envoyez-les une par une et Macaly les traitera dans l'ordre.

* **Demandez avant de créer.** Vous n'êtes pas sûr qu'une chose soit possible ? Posez simplement la question. Macaly peut vous présenter les options avant tout travail.

* **Dites ce qui ne va pas, pas seulement que c'est faux.** « La police paraît trop formelle » donne à Macaly quelque chose de concret sur quoi travailler. « Réessayez » non.

## Quand quelque chose ne va pas

Quelque chose ne semble pas correct ? C'est tout à fait normal, surtout au début. Voici ce que vous pouvez faire :

* **Demandez à l'agent d'annuler.** Décrivez ce qui a changé et indiquez que vous voulez revenir en arrière. Cela fonctionne le mieux quand un seul élément a posé problème.
* **Restaurez une version précédente.** Si plusieurs choses ont mal tourné en même temps, restaurer est plus rapide qu'annuler étape par étape. Ouvrez l'**Historique des versions** via l'icône d'horloge dans la barre du haut, prévisualisez la version voulue et cliquez sur **Restaurer**. Voir [Historique des versions](/docs/fr/chat/overview#historique-des-versions).
* **Modifiez un prompt précédent.** Revenez à n'importe quel message antérieur et modifiez-le. Macaly ramène le projet à ce moment-là et le reconstruit à partir de votre prompt mis à jour.
* **Partez d'une copie sûre.** Avant d'apporter de grandes modifications, cliquez sur « Dupliquer » sous n'importe quel message. Vous aurez ainsi toujours une sauvegarde sur laquelle revenir.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.