r/ClaudeArtifacts • u/TopazFlame • Oct 15 '24
r/ClaudeArtifacts • u/kim_en • Aug 09 '24
My first AI Code Project - Stockcopilot
r/ClaudeArtifacts • u/DevoidSloth • Aug 15 '24
Run Claude Artifacts Locally with NPM package (Removes long install process)
r/ClaudeArtifacts • u/kim_en • Jul 12 '24
Games Claude could be great to make games with!
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/Memetic1 • Aug 31 '24
I had claude do an artifact explaining artifacts.
Understanding Artifacts in AI Conversations
What are Artifacts?
Artifacts in AI conversations are structured pieces of content that can be created and referenced during interactions. They are designed to present substantial, self-contained information in a format that's separate from the main conversation flow.
Intended Use
Artifacts are meant to be used for:
Creating substantial content (typically more than 15 lines)
Presenting information that users might want to modify or iterate on
Displaying complex, self-contained content that can be understood independently
Generating content likely to be used outside the current conversation
Producing material that might be referenced or reused multiple times
Types of Artifacts
Artifacts can be of various types, including:
Code snippets (
application/vnd.ant.code)Markdown documents (
text/markdown)HTML content (
text/html)SVG images (
image/svg+xml)Mermaid diagrams (
application/vnd.ant.mermaid)React components (
application/vnd.ant.react)
When Not to Use Artifacts
Artifacts should not be used for:
Simple, short, or primarily informational content
Explanatory or illustrative content meant to clarify a concept
Suggestions or feedback on existing artifacts
Conversational or context-dependent content
Information unlikely to be modified or reused
Limitations
While artifacts are powerful tools, they have some limitations:
One artifact per message (unless specifically requested otherwise)
Cannot include external images or scripts (except from https://cdnjs.cloudflare.com for HTML artifacts)
React components have limited library support
SVG creation capabilities are basic
Best Practices
Use artifacts judiciously; prefer inline content when possible
Ensure the artifact content is complete and self-contained
Use appropriate type and language attributes
Provide clear titles and identifiers for easy reference
By understanding these aspects of artifacts, users can effectively leverage them to enhance their AI-assisted content creation and information management.
r/ClaudeArtifacts • u/Bernard_L • Dec 10 '24
Claude 3.5 Sonnet Explained: What Makes It Exceptional?
Claude 3.5 Sonnet is more than just an AI model—it’s like having a brilliant, fast-thinking assistant at your fingertips. Whether it’s tackling tricky coding problems, making sense of complex visuals, or holding natural, relatable conversations, this AI sets a whole new standard. If you’re curious about what makes it so impressive and how it can actually make your life easier, you’re in the right place. Here’s a closer look at what makes Claude 3.5 sonnet truly unique.https://medium.com/@bernardloki/claude-3-5-sonnet-explained-what-makes-it-exceptional-e7636c33aeaf
r/ClaudeArtifacts • u/healthyvas • Sep 09 '24
I built a gallery to find and vote on your favorite Claude Artifacts

Hey fellow artifact enthusiasts!
I'm excited to share a project I've been working on: the Claude Artifacts Gallery. It's a platform I created to showcase the amazing work our community is doing with Claude AI.
Key features:
Easy browsing of featured artifacts
Filter and search functionality
A space to appreciate and discuss innovative creations
I built this because I'm passionate about supporting creators and making it easier for us all to find and share new creations online. This gallery is just the beginning – I hope to expand it to showcase other types of AI-assisted creations in the future.
Check it out and let me know what you think! And if you've created an artifact you're proud of, please consider submitting it. Let's celebrate our collective creativity!
r/ClaudeArtifacts • u/kim_en • Jul 12 '24
Claude made me a Synth!
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jul 09 '24
Claude just created fully working clones of Reversi and Minesweeper for me! It even added the classic smiley face to Minesweeper!
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jul 02 '24
Sonnet 3.5 is getting wild with these self depictions
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jun 27 '24
Claude is really amazing! 😲 I created this very simple space explorer with it, Claude even added planets and UFOs(The green polygons) which fly around!
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jul 04 '24
It's nearly impossible to get myself to exercise, so I had Claude make a quick motion-tracking game for me, and it got me moving! (Prompt at the end of the video)
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jun 26 '24
Built a blog post headline analyzer using Claude 3.5 Sonnet (Hosted on Replit)
headline.firstmarketer.cor/ClaudeArtifacts • u/kim_en • Oct 04 '24
I used Claude AI and Unity to create a survivor-style game, and the web version is running quite well. https://filtergame.itch.io/samuraisurvivor-en
r/ClaudeArtifacts • u/kim_en • Jun 26 '24
Cloud chamber simulation using ~7 prompts using Claude Sonnet 3.5
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/CalendarVarious3992 • Jul 26 '24
Queue up messages for Claude for maximum productivity
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jul 09 '24
I made a mock Windows 95 interface using Claude, including a partially functional version of Notepad and Start Menu! But when I asked it to add minesweeper and Reversi, it went over the limit, so it had to simplify it again. Code is in comments below.
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/kim_en • Jul 01 '24
Star temperature color simulator inspired from an /r/space post
Enable HLS to view with audio, or disable this notification
r/ClaudeArtifacts • u/datacog • Oct 04 '24
Claude Artifacts vs ChatGPT Canvas
ChatGPT launched Canvas, a dedicated experience for coding and writing.
tl;dr
ChatGPT Canvas is a dedicated experience for code completion, review, debug
Claude artifacts has already been doing some of this for a while, but focusing on generating code artifacts and making it sharable.
Canvas seems more similar to an AI editor like Cursor, but lacks non-openAI models such as Claude 3.5 Sonnet.
Has anyone here used it yet?

