Testing Claude AI Artifact Embedding

This is a test of embedding interactive Claude AI artifacts directly in blog posts.

Direct Embed

Why This Works

Your markdown processor (remark-html) preserves HTML tags, so iframes work perfectly!

You can embed:

• ✅ Claude AI artifacts
• ✅ YouTube videos
• ✅ CodePen demos
• ✅ Google Maps
• ✅ Any iframe content

Best Practices

1. Always include title attribute for accessibility
2. Set reasonable height (600px is good for most content)
3. Add allowfullscreen for better UX
4. Use responsive wrappers for mobile