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

# Edit the Code

> Explore and edit the code of your app in Michelangelo.land.

1. In the ‘**Code**‘ **section** you can access the **project structure**.
2. Navigate through the pre-generated `app` folder and files, including:
   * `_layout.tsx`: the main layout of the app and manages navigation;
   * `index.tsx`: the home page of the app.
3. Edit the code directly from the platform to **customize your app** via Development Prompt and you can enhance it through the following features:

   * <Icon icon="files" iconType="regular" color="#7c7c7c" size="20" /> **Select multiple files** of your app at once via the ‘**+ Add context**’ button. This allows michelangelo.land to have more information and improve the accuracy of the requested changes.

   <video controls autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/michelangeloland/eVXcz9RBB8cp9K1l/videos/edit-code/add-context-prompt.mp4?fit=max&auto=format&n=eVXcz9RBB8cp9K1l&q=85&s=2cb4286f67cafd9ab9e05071c889008a" data-path="videos/edit-code/add-context-prompt.mp4" />

   * <Icon icon="paperclip" iconType="regular" color="#7c7c7c" size="20" /> **Attach images** via the attachment icon to allow Michelangelo.land to replicate a more specific design for your app.

   <video controls autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/michelangeloland/eVXcz9RBB8cp9K1l/videos/edit-code/add-images.mp4?fit=max&auto=format&n=eVXcz9RBB8cp9K1l&q=85&s=5304d287d2d1bcd95e272a9f0724e026" data-path="videos/edit-code/add-images.mp4" />

   * <Icon icon="pen" iconType="regular" color="#7c7c7c" size="20" /> **Manually edit the code** directly in the Michelangelo.land editor via the button with the pencil icon.

   <video controls autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/michelangeloland/eVXcz9RBB8cp9K1l/videos/edit-code/edit-code.mp4?fit=max&auto=format&n=eVXcz9RBB8cp9K1l&q=85&s=fba3d226b2b8419ccefd0ab72e044206" data-path="videos/edit-code/edit-code.mp4" />

   * <Icon icon="trash" iconType="regular" color="#7c7c7c" size="20" /> **Delete files** **via chat** by typing for example "Delete \[file name]". Alternatively, **right-click** a file in the ‘Code‘ section and select Delete to remove it from the project.

   <video controls autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/michelangeloland/eVXcz9RBB8cp9K1l/videos/edit-code/delete-file.mp4?fit=max&auto=format&n=eVXcz9RBB8cp9K1l&q=85&s=ab5e6d51c61a1b56211c1e663a58da4c" data-path="videos/edit-code/delete-file.mp4" />
