{"id":7357,"date":"2025-11-04T10:06:00","date_gmt":"2025-11-04T10:06:00","guid":{"rendered":"https:\/\/hello-ai.eu\/claude-artifacts\/"},"modified":"2026-08-05T12:23:50","modified_gmt":"2026-08-05T12:23:50","slug":"claude-artifacts","status":"publish","type":"post","link":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/","title":{"rendered":"Claude Artifacts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7357\" class=\"elementor elementor-7357 elementor-4513\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-534ab465 e-flex e-con-boxed e-con e-parent\" data-id=\"534ab465\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34d613b4 e-con-full e-flex e-con e-child\" data-id=\"34d613b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-567c950 elementor-widget elementor-widget-text-editor\" data-id=\"567c950\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1><span style=\"color: #ffffff;\"><strong>Claude Artifacts<\/strong>, build apps without programming<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04027c4 elementor-widget elementor-widget-text-editor\" data-id=\"04027c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff;\"><span style=\"font-weight: 400;\">Do you know that feeling? You ask an AI something, get a whole story back and then have to search for the bit you can actually use. <\/span><b><i>Claude Artifacts<\/i><\/b><span style=\"font-weight: 400;\"> takes a different approach. You immediately see what you&#8217;re creating in a separate screen and can adjust it right away. It feels like you&#8217;re building together with Claude instead of just giving instructions. You don&#8217;t have to copy or paste anything, everything is already set up ready to work with. Whether you&#8217;re a designer, teacher or marketer, you can create something that works well within minutes, and the best part is that you learn how things fit together along the way.<\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8cc2e5 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"2f8cc2e5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#about\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-comment-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ready to work smarter? Let's talk.<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-251568d1 e-con-full e-flex e-con e-child\" data-id=\"251568d1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34dec0d0 elementor-widget elementor-widget-image\" data-id=\"34dec0d0\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;1&quot;,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;none&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/calude-using-man.webp\" class=\"attachment-full size-full wp-image-5727\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/calude-using-man.webp 1024w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/calude-using-man-300x300.webp 300w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/calude-using-man-150x150.webp 150w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/calude-using-man-768x768.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b41aa32 e-flex e-con-boxed e-con e-parent\" data-id=\"b41aa32\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a980e96 e-con-full e-flex e-con e-child\" data-id=\"a980e96\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1c58e1 elementor-widget elementor-widget-text-editor\" data-id=\"e1c58e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><strong>What is it?<\/strong><\/h2><p>Artifacts is an extra window next to your chat. Ask for code or a website, and the result appears on the right side of the screen. On the left, you talk to Claude; on the right, you see the output. This keeps everything clear and organized.<\/p><p>Claude decides for itself when something is important enough for an Artifact. Usually for pieces longer than 15 lines that you&#8217;ll want to edit later. You say what you want, and Claude creates it.<\/p><p>The great part: you can keep working on the same Artifact. Spot a mistake or want to add something? Give feedback and Claude adjusts it without starting over. All versions are saved, so you can always go back to an earlier variant.<br \/>What can you create with it? Think interactive websites with React, data visualizations, SVG images, markdown documents, or HTML pages. You can download the Artifact, copy it, or test it directly in your browser. No hassle dragging files back and forth.<br \/>Claude works with you until it&#8217;s exactly right. Ask to make a button bigger, use different colors, or add extra functionality. The window stays open while you keep talking, so you see changes right away.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fbad56 e-con-full e-flex e-con e-child\" data-id=\"7fbad56\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f49c23 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4f49c23\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1852\" height=\"935\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog-.webp\" class=\"attachment-full size-full wp-image-4516\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog-.webp 1852w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog--300x151.webp 300w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog--1024x517.webp 1024w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog--768x388.webp 768w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-1-artifacts-blog--1536x775.webp 1536w\" sizes=\"(max-width: 1852px) 100vw, 1852px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40cd654 e-flex e-con-boxed e-con e-parent\" data-id=\"40cd654\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bc29be4 e-con-full e-flex e-con e-child\" data-id=\"bc29be4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7176df3 elementor-widget elementor-widget-heading\" data-id=\"7176df3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">**What will you make with it?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4d82d8 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f4d82d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">You can create all sorts of things. Claude artifacts uses Code in Python or JavaScript that works instantly. Web pages that run directly. Charts and diagrams. Documents with the correct formatting. Even simple games.<\/span><\/p><p><span style=\"font-weight: 400;\"><strong>Handy example:<\/strong> upload an Excel file with figures and ask for a chart to be made from it. Claude understands the data and builds the visualization.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1858723 e-flex e-con-boxed e-con e-parent\" data-id=\"1858723\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f5e6af4 e-con-full e-flex e-con e-child\" data-id=\"f5e6af4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd43eb elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5fd43eb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"478\" height=\"370\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-2-artifacts-blog.webp\" class=\"attachment-full size-full wp-image-4526\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-2-artifacts-blog.webp 478w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-2-artifacts-blog-300x232.webp 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f008683 e-con-full e-flex e-con e-child\" data-id=\"f008683\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7048740 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7048740\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"938\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-3-artifacts-blog-e1762249965605.webp\" class=\"attachment-full size-full wp-image-4536\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c6636f e-flex e-con-boxed e-con e-parent\" data-id=\"3c6636f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-601939d e-grid e-con-full e-con e-child\" data-id=\"601939d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc43981 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"fc43981\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"935\" height=\"940\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-4-artifacts-blog-.webp\" class=\"attachment-full size-full wp-image-4546\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-4-artifacts-blog-.webp 935w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-4-artifacts-blog--298x300.webp 298w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-4-artifacts-blog--150x150.webp 150w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-4-artifacts-blog--768x772.webp 768w\" sizes=\"(max-width: 935px) 100vw, 935px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebddda0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ebddda0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong>How artifacts works<\/strong><\/h3><p>The feature is usually already turned on. If not, check Settings. It also works on your phone.<\/p><p><span style=\"font-weight: 400;\">Type what you need. For example: &#8220;Make a flashcard app where I can choose the topic myself.&#8221; You&#8217;ll see that Claude immediately creates a working app. Too big? Ask: &#8220;Make the text smaller.&#8221; Too boring? &#8220;Add a button.&#8221; (In this case, flashcards for learning Japanese.)<\/span><\/p><p><span style=\"font-weight: 400;\">Select a piece and click Improve for adjustments or Explain for an explanation. Every change becomes a new version. Not happy with it after all? Go back with the arrows at the bottom.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe09e0a e-flex e-con-boxed e-con e-parent\" data-id=\"fe09e0a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f143ada e-con-full e-flex e-con e-child\" data-id=\"f143ada\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce2f52 elementor-widget elementor-widget-text-editor\" data-id=\"0ce2f52\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong>Your artifacts page<\/strong><\/h3><p>At <em>claude.ai\/artifacts<\/em> you&#8217;ll find everything you&#8217;ve ever created. Your own gallery. Here you&#8217;ll also find examples from others that you can copy and adapt. Search for example for &#8220;Learn something&#8221; for teaching materials or &#8220;Play a game&#8221; for games.<\/p><p>Your artifacts are linked to your conversations. Click on an artifact and you&#8217;ll jump straight back to the chat conversation where you created it.<br \/>Handy if you want to know which instructions you gave or want to keep working on a project.<\/p><p>Every artifact gets a public link that you can share. Others can then see what you made and use it as a starting point for their own version. They don&#8217;t modify your original &#8211; everyone works in their own copy.<br \/>The filter function helps you quickly find what you&#8217;re looking for. Sort by date, file type, or search through your entire collection. Working on lots of different projects? Then it&#8217;s easy to keep track here.<\/p><p>Team users can safely share their work with colleagues. You&#8217;ll see each other&#8217;s artifacts within the team environment and can learn from one another or work together on projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a4a78a e-con-full e-flex e-con e-child\" data-id=\"5a4a78a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b241272 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"b241272\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"579\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-5-artifacts-blog.webp\" class=\"attachment-full size-full wp-image-4556\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-5-artifacts-blog.webp 772w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-5-artifacts-blog-300x225.webp 300w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-5-artifacts-blog-768x576.webp 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76514239 e-flex e-con-boxed e-con e-parent\" data-id=\"76514239\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3c633d e-con-full e-flex e-con e-child\" data-id=\"7f3c633d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2921a4c elementor-widget elementor-widget-text-editor\" data-id=\"2921a4c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong><span style=\"color: #ffffff;\">Share with others<\/span><\/strong><\/h3><p><span style=\"color: #ffffff;\">Making something great? Share the link. It doesn&#8217;t matter if 10 or 1000 people use it, you pay nothing. Their usage doesn&#8217;t count against you.<\/span><\/p><p><span style=\"color: #ffffff;\">Even better: you can now build apps that talk to Claude themselves. Instead of a fixed set of flashcards, you create an app where people enter any topic. The app asks Claude to create new cards. Think of a writing assistant that gives feedback or a quiz generator that comes up with questions about any topic.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-667510f6 e-con-full e-flex e-con e-child\" data-id=\"667510f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08f88a1 elementor-widget elementor-widget-text-editor\" data-id=\"08f88a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong><span style=\"color: #ffffff;\">What you can do with it<\/span><\/strong><\/h3><p><span style=\"font-weight: 400; color: #ffffff;\">M<\/span><span style=\"font-weight: 400; color: #ffffff;\">arketers: quickly test ideas. Build a landing page in ten minutes to see if your concept is well thought out. Create calculators or email templates.<\/span><\/p><p><span style=\"font-weight: 400; color: #ffffff;\">Developers: try out ideas before putting hours of work into them. Create technical explanations with good examples.<\/span><\/p><p><span style=\"font-weight: 400; color: #ffffff;\">Teachers: build quizzes that automatically generate questions. Create simulations that explain difficult concepts that students can try out immediately.<\/span><\/p><p><span style=\"font-weight: 400; color: #ffffff;\">Content creators: write blogs, plan content, create posts all at once.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8c04a6 e-flex e-con-boxed e-con e-parent\" data-id=\"f8c04a6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5700039 e-con-full e-flex e-con e-child\" data-id=\"5700039\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c555328 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"c555328\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"888\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-6-artifacts-blog-.webp\" class=\"attachment-full size-full wp-image-4566\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-6-artifacts-blog-.webp 926w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-6-artifacts-blog--300x288.webp 300w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Foto-6-artifacts-blog--768x736.webp 768w\" sizes=\"(max-width: 926px) 100vw, 926px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ce2ba8 e-con-full e-flex e-con e-child\" data-id=\"2ce2ba8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af70b5c elementor-widget elementor-widget-text-editor\" data-id=\"af70b5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong>Tips for a better result<\/strong><\/h3><p>Be specific. Not &#8220;create a website&#8221;, but &#8220;create a portfolio with a header, 3 project examples and a contact form.&#8221; The clearer you are, the better the result.<\/p><p>Work step by step. First the basics, then extra features, then the styling. Switch between preview (how it looks) and code (how it works) to understand what&#8217;s happening.<\/p><p>Give examples if you want something specific. Do you have a particular color scheme or layout in mind? Describe it or refer to a site you like. Claude will then better understand which direction you want to go.<\/p><p>Just keep talking if something isn&#8217;t right. &#8220;That button should go to the left&#8221; or &#8220;make the text bigger&#8221; works fine. You don&#8217;t have to start over &#8211; Claude adjusts the existing Artifact.<\/p><p>Test what you make regularly. Click on buttons, fill in forms, try whether everything works as you expect. Do you come across something that doesn&#8217;t work well? Say so right away, then Claude will fix it.<\/p><p>Stay realistic about what&#8217;s possible. Artifacts are perfect for prototypes, visualizations and interactive demos. For complex applications with databases or server-side logic, you need more than just an Artifact. Claude honestly tells you when your request falls outside the possibilities.<\/p><p>Save your good prompts. Did you find a way of explaining that worked well? Write it down. You can use the same approach for your next project.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89a1c36 e-flex e-con-boxed e-con e-parent\" data-id=\"89a1c36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa37889 e-con-full e-flex e-con e-child\" data-id=\"aa37889\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eab0ed elementor-widget elementor-widget-heading\" data-id=\"3eab0ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><strong>What is not possible with Claude artifacts<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62b10ea elementor-widget elementor-widget-text-editor\" data-id=\"62b10ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">You really don&#8217;t need to understand anything about programming. Open Claude, just tell it what you want and see what happens. Start small. Build a simple tool. Instead of hours of work, you&#8217;ll have something ready in minutes. Not quite right? Just ask it to make changes. Good luck!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb5c359 e-con-full e-flex e-con e-child\" data-id=\"fb5c359\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066f3c5 e-flex e-con-boxed e-con e-parent\" data-id=\"066f3c5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fa78bf e-con-full e-flex e-con e-child\" data-id=\"3fa78bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5350f2d elementor-widget elementor-widget-heading\" data-id=\"5350f2d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Try <b>Artifacts<\/b> <b>out<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-870a69d elementor-widget elementor-widget-text-editor\" data-id=\"870a69d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400; color: #ffffff;\">Creating images or videos doesn&#8217;t work. You also can&#8217;t retrieve data from external websites due to security. Very large files can become slow. But for most things, it works just fine.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83a500a elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"83a500a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/hello-ai.eu\/en\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbd41ff e-con-full e-flex e-con e-child\" data-id=\"fbd41ff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-698c302 elementor-widget elementor-widget-image\" data-id=\"698c302\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;1&quot;,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:&quot;0&quot;,&quot;end&quot;:&quot;50&quot;}}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/laptop-with-claude.webp\" class=\"attachment-full size-full wp-image-6213\" alt=\"\" srcset=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/laptop-with-claude.webp 1024w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/laptop-with-claude-300x300.webp 300w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/laptop-with-claude-150x150.webp 150w, https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/laptop-with-claude-768x768.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Claude Artifacts, build apps without programming Do you know that feeling? You ask an AI something, get a whole story back and then have to search for the bit you can actually use. Claude Artifacts takes a different approach. You immediately see what you&#8217;re creating in a separate screen and can adjust it right away. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4628,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[95],"tags":[],"class_list":["post-7357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-nieuws"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Claude Artifacts - Hello AI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Claude Artifacts - Hello AI\" \/>\n<meta property=\"og:description\" content=\"Claude Artifacts, build apps without programming Do you know that feeling? You ask an AI something, get a whole story back and then have to search for the bit you can actually use. Claude Artifacts takes a different approach. You immediately see what you&#8217;re creating in a separate screen and can adjust it right away. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\" \/>\n<meta property=\"og:site_name\" content=\"Hello AI\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-04T10:06:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T12:23:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"AI Redactie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AI Redactie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\"},\"author\":{\"name\":\"AI Redactie\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb\"},\"headline\":\"Claude Artifacts\",\"datePublished\":\"2025-11-04T10:06:00+00:00\",\"dateModified\":\"2026-08-05T12:23:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\"},\"wordCount\":1192,\"publisher\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"articleSection\":[\"AI nieuws\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\",\"url\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\",\"name\":\"Claude Artifacts - Hello AI\",\"isPartOf\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"datePublished\":\"2025-11-04T10:06:00+00:00\",\"dateModified\":\"2026-08-05T12:23:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage\",\"url\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"contentUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"width\":1536,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hello-ai.eu\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Claude Artifacts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#website\",\"url\":\"https:\/\/hello-ai.eu\/en\/\",\"name\":\"Hello AI\",\"description\":\"AI technology &amp; Training\",\"publisher\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hello-ai.eu\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#organization\",\"name\":\"Hello AI\",\"url\":\"https:\/\/hello-ai.eu\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png\",\"contentUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png\",\"width\":1583,\"height\":504,\"caption\":\"Hello AI\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb\",\"name\":\"AI Redactie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g\",\"caption\":\"AI Redactie\"},\"url\":\"https:\/\/hello-ai.eu\/en\/author\/dion\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Claude Artifacts - Hello AI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/","og_locale":"en_US","og_type":"article","og_title":"Claude Artifacts - Hello AI","og_description":"Claude Artifacts, build apps without programming Do you know that feeling? You ask an AI something, get a whole story back and then have to search for the bit you can actually use. Claude Artifacts takes a different approach. You immediately see what you&#8217;re creating in a separate screen and can adjust it right away. [&hellip;]","og_url":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/","og_site_name":"Hello AI","article_published_time":"2025-11-04T10:06:00+00:00","article_modified_time":"2026-08-05T12:23:50+00:00","og_image":[{"width":1536,"height":768,"url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","type":"image\/webp"}],"author":"AI Redactie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"AI Redactie","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#article","isPartOf":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/"},"author":{"name":"AI Redactie","@id":"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb"},"headline":"Claude Artifacts","datePublished":"2025-11-04T10:06:00+00:00","dateModified":"2026-08-05T12:23:50+00:00","mainEntityOfPage":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/"},"wordCount":1192,"publisher":{"@id":"https:\/\/hello-ai.eu\/en\/#organization"},"image":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage"},"thumbnailUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","articleSection":["AI nieuws"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/","url":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/","name":"Claude Artifacts - Hello AI","isPartOf":{"@id":"https:\/\/hello-ai.eu\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage"},"image":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage"},"thumbnailUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","datePublished":"2025-11-04T10:06:00+00:00","dateModified":"2026-08-05T12:23:50+00:00","breadcrumb":{"@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hello-ai.eu\/en\/claude-artifacts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#primaryimage","url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","contentUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","width":1536,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hello-ai.eu\/en\/claude-artifacts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hello-ai.eu\/en\/"},{"@type":"ListItem","position":2,"name":"Claude Artifacts"}]},{"@type":"WebSite","@id":"https:\/\/hello-ai.eu\/en\/#website","url":"https:\/\/hello-ai.eu\/en\/","name":"Hello AI","description":"AI technology &amp; Training","publisher":{"@id":"https:\/\/hello-ai.eu\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hello-ai.eu\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hello-ai.eu\/en\/#organization","name":"Hello AI","url":"https:\/\/hello-ai.eu\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hello-ai.eu\/en\/#\/schema\/logo\/image\/","url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png","contentUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png","width":1583,"height":504,"caption":"Hello AI"},"image":{"@id":"https:\/\/hello-ai.eu\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb","name":"AI Redactie","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hello-ai.eu\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g","caption":"AI Redactie"},"url":"https:\/\/hello-ai.eu\/en\/author\/dion\/"}]}},"_links":{"self":[{"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/posts\/7357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/comments?post=7357"}],"version-history":[{"count":7,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/posts\/7357\/revisions"}],"predecessor-version":[{"id":7732,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/posts\/7357\/revisions\/7732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/media\/4628"}],"wp:attachment":[{"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/media?parent=7357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/categories?post=7357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hello-ai.eu\/en\/wp-json\/wp\/v2\/tags?post=7357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}