Build and Customize Mini-Apps with Claude Artifacts

Building an Email Writing App

How to Find and Use the Claude Artifacts Library

1. Log in to your Claude.ai account.
2. Access the 'Artifacts' or 'Artifacts Library' page through the Claude main menu.
3. Scroll through the list of templates or apps built by the community/Claude.
4. Click on an app example (e.g., 'Email Writing Assistant') to see a preview and how it works.
5. Test the app interactions in the preview window to ensure it meets your needs.

Customizing and Remixing Artifacts Apps

1. Click the 'Customize' or 'Remix' button on the app you want to modify.
2. Wait for the Claude chat interface to open automatically with the app's source code in the background.
3. Type the instructions or changes you want in the chat box (e.g., add new tone options or change the layout).
4. Claude will update the React code in real-time based on your prompt.
5. Check the results of the changes in the preview panel on the right side of the chat.

Publishing and Sharing Apps

1. Once you are satisfied with the app, click the 'Publish' button located at the top right of the Artifact window.
2. Confirm the privacy settings if prompted and proceed to generate a public link.
3. Click the 'Copy Link' icon or copy the provided URL.
4. Open a new tab and paste the link to see how the app looks as an end-user.
5. Send the link to teammates or clients so they can use the app directly without needing to log in to your AI account.