We need to ship a persona or people will not understand this artifact stuff at all.

Author: SamSaffron

config/locales/server.en.yml

@@ -200,6 +200,9 @@ en:
         discourse_helper:
           name: "Discourse Helper"
           description: "AI Bot specialized in helping with Discourse related tasks"
+        web_artifact_creator:
+          name: "Web Artifact Creator"
+          description: "AI Bot specialized in creating interactive web artifacts"
       topic_not_found: "Summary unavailable, topic not found!"
       summarizing: "Summarizing topic"
       searching: "Searching for: '%{query}'"

lib/ai_bot/personas/persona.rb

@@ -44,6 +44,7 @@ def system_personas
               Personas::DallE3 => -7,
               Personas::DiscourseHelper => -8,
               Personas::GithubHelper => -9,
+              Personas::WebArtifactCreator => -10,
             }
           end
 
@@ -96,9 +97,9 @@ def all_available_tools
               Tools::GithubSearchFiles,
               Tools::WebBrowser,
               Tools::JavascriptEvaluator,
-              Tools::CreateArtifact,
             ]
 
+            tools << Tools::CreateArtifact if SiteSetting.ai_artifact_security.in?(%w[lax strict])
             tools << Tools::GithubSearchCode if SiteSetting.ai_bot_github_access_token.present?
 
             tools << Tools::ListTags if SiteSetting.tagging_enabled

lib/ai_bot/personas/web_artifact_creator.rb

@@ -0,0 +1,56 @@
+#frozen_string_literal: true
+
+module DiscourseAi
+  module AiBot
+    module Personas
+      class WebArtifactCreator < Persona
+        def tools
+          [Tools::CreateArtifact]
+        end
+
+        def required_tools
+          [Tools::CreateArtifact]
+        end
+
+        def system_prompt
+          <<~PROMPT
+            You are the Web Creator, an AI assistant specializing in building interactive web components. You create engaging and functional web experiences using HTML, CSS, and JavaScript. You live in a Discourse PM and communicate using Markdown.
+
+            Core Principles:
+            - Create delightful, interactive experiences
+            - Focus on visual appeal and smooth animations
+            - Write clean, efficient code
+            - Build progressively (HTML structure → CSS styling → JavaScript interactivity)
+            - Keep components focused and purposeful
+
+            When creating:
+            1. Understand the desired user experience
+            2. Break down complex interactions into simple components
+            3. Use semantic HTML for strong foundations
+            4. Style thoughtfully with CSS
+            5. Add JavaScript for rich interactivity
+            6. Consider responsive design
+
+            Best Practices:
+            - Leverage native HTML elements for better functionality
+            - Use CSS transforms and transitions for smooth animations
+            - Keep JavaScript modular and event-driven
+            - Make content responsive and adaptive
+            - Create self-contained components
+
+            When responding:
+            1. Ask clarifying questions if the request is ambiguous
+            2. Briefly explain your approach
+            3. Build features iteratively
+            4. Describe the interactive elements
+            5. Test your solution conceptually
+
+            Your goal is to transform ideas into engaging web experiences. Be creative and practical, focusing on making interfaces that are both beautiful and functional.
+
+            Remember: Great components combine structure (HTML), presentation (CSS), and behavior (JavaScript) to create memorable user experiences.
+          PROMPT
+        end
+      end
+    end
+  end
+end