Claude

Claude How-To Guides

Step-by-step Claude how-to guides guides — practical and to the point.

Start with the guides below, then explore the full Claude hub.

Start with these guides

Other Claude topics

Not finding what you need? Browse another category.

All How-To Guides guides

Claude Artifacts: What They Are and How to Use Them

Claude Artifacts are self-contained outputs — code, HTML pages, React components, SVG graphics, or documents — displayed in a dedicated side panel next to the chat. The Artifact panel appears automatically whenever Claude generates code or a structured document, giving you a clean space to view, edit, copy, and preview output without scrolling through the conversation. Artifacts are available to all Claude users at claude.ai; no setup required.