{"id":6348,"date":"2026-05-14T13:12:25","date_gmt":"2026-05-14T13:12:25","guid":{"rendered":"https:\/\/www.softaculous.com\/blog\/docs\/enduser\/agentic-ai-code-with-ai\/"},"modified":"2026-05-14T13:46:24","modified_gmt":"2026-05-14T13:46:24","slug":"agentic-ai-code-with-ai","status":"publish","type":"docs","link":"https:\/\/www.softaculous.com\/blog\/docs\/enduser\/agentic-ai-code-with-ai\/","title":{"rendered":"Agentic AI &#8211; Code with AI"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>The <strong>&#8220;Code with AI&#8221;<\/strong> feature in Softaculous is an AI-powered coding assistant integrated directly into your control panel. It helps you write, debug, refactor, and understand code in your projects without leaving your hosting environment.<\/p>\n\n\n\n<p><strong>Key Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Read and write files in your project<\/li>\n\n\n\n<li>Write plugins<\/li>\n\n\n\n<li>Make websites<\/li>\n\n\n\n<li>Edit existing files with targeted changes<\/li>\n\n\n\n<li>Search files by name or content<\/li>\n\n\n\n<li>Debug and refactor code<\/li>\n\n\n\n<li>Plan changes before implementing them<\/li>\n\n\n\n<li>Multiple AI providers supported<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Accessing the Code with AI Feature<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Log in to Softaculous<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your hosting control panel (Webuzo, cPanel, DirectAdmin, etc.)<\/li>\n\n\n\n<li>Navigate to the <strong>Softaculous<\/strong> section or icon<\/li>\n\n\n\n<li>The Softaculous dashboard will open<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"134\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai-1024x134.png\" alt=\"\" class=\"wp-image-6354\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai-1024x134.png 1024w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai-300x39.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai-768x101.png 768w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/open-code-with-ai.png 1534w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Open the AI Assistant<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the Softaculous header\/navigation, look for the <strong>Code with AI<\/strong> link<\/li>\n\n\n\n<li>Click on it to open the AI Assistant interface<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Up the AI Assistant<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Connecting an AI Provider<\/h3>\n\n\n\n<p><strong>Free Option:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>OpenCode Zen (Free)<\/strong> &#8211; Enabled by default<\/li>\n<\/ul>\n\n\n\n<p>You can also connect to any other AI provider:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>Settings<\/strong> button in the AI Assistant header<\/li>\n\n\n\n<li>Find the provider you want to use and click <strong>&#8220;Connect&#8221;<\/strong><\/li>\n\n\n\n<li>Enter your <strong>API key<\/strong> and click <strong>&#8220;Connect&#8221;<\/strong><\/li>\n\n\n\n<li>Use the <strong>&#8220;Test&#8221;<\/strong> button to verify your connection works<\/li>\n<\/ol>\n\n\n\n<p><strong>Supported AI Providers:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>OpenAI (GPT-4o, GPT-5)<\/li>\n\n\n\n<li>Anthropic (Claude)<\/li>\n\n\n\n<li>Google (Gemini)<\/li>\n\n\n\n<li>DeepSeek<\/li>\n\n\n\n<li>Groq<\/li>\n\n\n\n<li>Together AI<\/li>\n\n\n\n<li>OpenRouter<\/li>\n\n\n\n<li>Ollama (local)<\/li>\n\n\n\n<li>MiniMax<\/li>\n\n\n\n<li>Custom OpenAI-compatible providers<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Selecting an AI Model<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Once connected, choose an AI model from the <strong>dropdown in the header<\/strong><\/li>\n\n\n\n<li>The selected model will be used for all AI interactions in your current session<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-1024x576.png\" alt=\"\" class=\"wp-image-6358\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-1024x576.png 1024w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-300x169.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-768x432.png 768w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-1536x864.png 1536w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2-1568x882.png 1568w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-2.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a Project<\/h2>\n\n\n\n<p>The AI Assistant works within <strong>projects<\/strong>, which are linked to directories on your server.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a New Project<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>&#8220;Projects&#8221;<\/strong> in the AI Assistant interface<\/li>\n\n\n\n<li>Click <strong>&#8220;+ New Project&#8221;<\/strong><\/li>\n\n\n\n<li>Choose one of the following options:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select an existing WordPress installation<\/strong> from the list<\/li>\n\n\n\n<li><strong>Or Enter a custom directory path<\/strong> manually<\/li>\n<\/ul>\n\n\n\n<p>     4. The project will be created and linked to the selected directory<\/p>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-1024x576.png\" alt=\"\" class=\"wp-image-6357\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-1024x576.png 1024w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-300x169.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-768x432.png 768w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-1536x864.png 1536w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1-1568x882.png 1568w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Switch Between Projects<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <strong>project dropdown<\/strong> in the header (next to the sidebar toggle button) to switch between projects<\/li>\n\n\n\n<li>Each project has its own chat sessions, conversation history, and file tree<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Using the AI Assistant<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Starting a Chat Session<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select your project from the dropdown<\/li>\n\n\n\n<li>Choose an AI model from the header dropdown<\/li>\n\n\n\n<li>Type your request in the <strong>chat input<\/strong> at the bottom<\/li>\n\n\n\n<li>Press <strong>Enter<\/strong> to send<\/li>\n\n\n\n<li>The AI will respond and can perform actions like editing files or running commands<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Creating New Sessions<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>&#8220;+ New Session&#8221;<\/strong> to start a fresh conversation<\/li>\n\n\n\n<li>Previous sessions are listed in the sidebar<\/li>\n\n\n\n<li>Click on any previous session to resume it<\/li>\n\n\n\n<li>Archive sessions with the respective button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-1024x576.png\" alt=\"\" class=\"wp-image-6359\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-1024x576.png 1024w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-300x169.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-768x432.png 768w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-1536x864.png 1536w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3-1568x882.png 1568w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2026\/05\/code-with-ai-3.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Build Mode vs. Plan Mode<\/h2>\n\n\n\n<p>The AI Assistant has two operating modes:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Build Mode<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The AI has <strong>full access<\/strong> to read, write, edit files, and run commands<\/li>\n\n\n\n<li>Use this when you want the AI to <strong>make changes<\/strong> to your project<\/li>\n\n\n\n<li><strong>Default mode<\/strong> for active development<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Plan Mode<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The AI operates in <strong>read-only mode<\/strong><\/li>\n\n\n\n<li>It can <strong>explore and analyze<\/strong> your code but <strong>cannot modify<\/strong> anything<\/li>\n\n\n\n<li>Use this for:<\/li>\n\n\n\n<li>Code reviews<\/li>\n\n\n\n<li>Explanations<\/li>\n\n\n\n<li>Planning changes before implementing them<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Switching Modes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the mode toggle in the interface<\/li>\n\n\n\n<li>Or use <strong>slash commands<\/strong>:<\/li>\n\n\n\n<li>Type <code>\/build<\/code> to switch to Build mode<\/li>\n\n\n\n<li>Type <code>\/plan<\/code> to switch to Plan mode<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">What the AI Can Do<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">File Operations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Read files<\/strong> &#8211; View file contents<\/li>\n\n\n\n<li><strong>Write files<\/strong> &#8211; Create new files<\/li>\n\n\n\n<li><strong>Edit files<\/strong> &#8211; Make targeted changes to existing files<\/li>\n\n\n\n<li><strong>Search files<\/strong> &#8211; Find files by name or content<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">System Operations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Run shell commands<\/strong> &#8211; Execute commands in your project directory<\/li>\n\n\n\n<li><strong>Create directory listings<\/strong> &#8211; View project structure<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Code Assistance<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Write new code<\/li>\n\n\n\n<li>Troubleshoot website issues<\/li>\n\n\n\n<li>Debug existing code<\/li>\n\n\n\n<li>Refactor and optimize code<\/li>\n\n\n\n<li>Explain code functionality<\/li>\n\n\n\n<li>Generate code snippets<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Slash Commands<\/h2>\n\n\n\n<p>Type <code>\/<\/code> in the chat input to see available commands:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Command<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><code>\/build<\/code><\/td><td>Switch to Build mode<\/td><\/tr><tr><td><code>\/plan<\/code><\/td><td>Switch to Plan mode<\/td><\/tr><tr><td><code>\/clear<\/code><\/td><td>Clear current conversation<\/td><\/tr><tr><td><code>\/export<\/code><\/td><td>Download conversation as Markdown<\/td><\/tr><tr><td><code>\/help<\/code><\/td><td>Show keyboard shortcuts<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Keyboard Shortcuts<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Shortcut<\/th><th>Action<\/th><\/tr><\/thead><tbody><tr><td><code>Escape<\/code><\/td><td>Stop streaming \/ Close modals<\/td><\/tr><tr><td><code>Enter<\/code><\/td><td>Send message (Shift+Enter for new line)<\/td><\/tr><tr><td><code>Ctrl+Shift+N<\/code><\/td><td>New session<\/td><\/tr><tr><td><code>Ctrl+Shift+P<\/code><\/td><td>Plan mode<\/td><\/tr><tr><td><code>Ctrl+,<\/code><\/td><td>Open Settings<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Best Practices<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">When to Use Build Mode<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Writing new code<\/li>\n\n\n\n<li>Fixing bugs<\/li>\n\n\n\n<li>Refactoring existing code<\/li>\n\n\n\n<li>Running commands to set up your project<\/li>\n\n\n\n<li>Making configuration changes<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">When to Use Plan Mode<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reviewing code before making changes<\/li>\n\n\n\n<li>Understanding complex code<\/li>\n\n\n\n<li>Planning architectural changes<\/li>\n\n\n\n<li>Getting explanations of how code works<\/li>\n\n\n\n<li>Analyzing potential issues<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Writing Effective Prompts<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Be specific<\/strong> about what you want the AI to do<\/li>\n\n\n\n<li><strong>Provide context<\/strong> about your project structure<\/li>\n\n\n\n<li><strong>Mention file names<\/strong> when referring to specific files<\/li>\n\n\n\n<li><strong>Break complex tasks<\/strong> into smaller steps<\/li>\n\n\n\n<li><strong>Review AI changes<\/strong> before accepting them<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Security Considerations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Review all file changes before applying them<\/li>\n\n\n\n<li>Don&#8217;t share sensitive API keys or passwords in chat<\/li>\n\n\n\n<li>Use Plan mode when exploring unfamiliar code<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Troubleshooting<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">AI Provider Connection Issues<\/h3>\n\n\n\n<p><strong>Problem:<\/strong> Cannot connect to AI provider.<\/p>\n\n\n\n<p><strong>Solutions:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Verify your API key is correct<\/li>\n\n\n\n<li>Check if your API key has available credits\/quota<\/li>\n\n\n\n<li>Try the &#8220;Test&#8221; button in Settings to verify connectivity<\/li>\n\n\n\n<li>Use OpenCode Zen (Free) if you don&#8217;t have an API key<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">AI Not Responding<\/h3>\n\n\n\n<p><strong>Problem:<\/strong> Messages are not getting responses.<\/p>\n\n\n\n<p><strong>Solutions:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Check your internet connection<\/li>\n\n\n\n<li>Verify the selected AI model is available<\/li>\n\n\n\n<li>Check if you&#8217;ve reached API rate limits<\/li>\n\n\n\n<li>Try switching to a different AI provider<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">File Access Issues<\/h3>\n\n\n\n<p><strong>Problem:<\/strong> AI cannot read or write files.<\/p>\n\n\n\n<p><strong>Solutions:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Verify the project directory path is correct<\/li>\n\n\n\n<li>Check file permissions on your server<\/li>\n\n\n\n<li>Ensure the directory exists and is accessible<\/li>\n\n\n\n<li>Try creating a new project with the correct path<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Session Management<\/h3>\n\n\n\n<p><strong>Problem:<\/strong> Cannot find previous conversations.<\/p>\n\n\n\n<p><strong>Solutions:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Check the sidebar for previous sessions<\/li>\n\n\n\n<li>Ensure you&#8217;re in the correct project<\/li>\n\n\n\n<li>Sessions are project-specific &#8211; switch projects if needed<\/li>\n<\/ol>\n","protected":false},"featured_media":0,"parent":1677,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","docs_category":[],"class_list":["post-6348","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/6348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/comments?post=6348"}],"version-history":[{"count":4,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/6348\/revisions"}],"predecessor-version":[{"id":6360,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/6348\/revisions\/6360"}],"up":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/1677"}],"wp:attachment":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/media?parent=6348"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs_category?post=6348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}