diff --git a/tests/website/cliCommand.test.ts b/tests/website/cliCommand.test.ts
new file mode 100644
index 000000000..59d23afeb
--- /dev/null
+++ b/tests/website/cliCommand.test.ts
@@ -0,0 +1,117 @@
+import { describe, expect, test } from 'vitest';
+import { type CliCommandPackOptions, generateCliCommand } from '../../website/client/components/utils/cliCommand.js';
+
+const createOptions = (overrides: Partial<CliCommandPackOptions> = {}): CliCommandPackOptions => ({
+  format: 'xml',
+  removeComments: false,
+  removeEmptyLines: false,
+  showLineNumbers: false,
+  fileSummary: true,
+  directoryStructure: true,
+  includePatterns: '',
+  ignorePatterns: '',
+  outputParsable: false,
+  compress: false,
+  ...overrides,
+});
+
+describe('generateCliCommand', () => {
+  test('should generate basic command without options', () => {
+    expect(generateCliCommand(undefined)).toBe('npx repomix');
+  });
+
+  test('should add --remote for valid GitHub shorthand', () => {
+    const result = generateCliCommand('yamadashy/repomix');
+    expect(result).toBe("npx repomix --remote 'yamadashy/repomix'");
+  });
+
+  test('should add --remote for valid URL', () => {
+    const result = generateCliCommand('https://github.com/yamadashy/repomix');
+    expect(result).toBe("npx repomix --remote 'https://github.com/yamadashy/repomix'");
+  });
+
+  test('should not add --remote for uploaded file names', () => {
+    const result = generateCliCommand('project.zip');
+    expect(result).toBe('npx repomix');
+  });
+
+  test('should add format option when not default xml', () => {
+    const result = generateCliCommand(undefined, createOptions({ format: 'markdown' }));
+    expect(result).toBe('npx repomix --style markdown');
+  });
+
+  test('should not add format option when xml (default)', () => {
+    const result = generateCliCommand(undefined, createOptions({ format: 'xml' }));
+    expect(result).toBe('npx repomix');
+  });
+
+  test('should add boolean flags', () => {
+    const result = generateCliCommand(
+      undefined,
+      createOptions({
+        removeComments: true,
+        removeEmptyLines: true,
+        showLineNumbers: true,
+        outputParsable: true,
+        compress: true,
+      }),
+    );
+    expect(result).toBe(
+      'npx repomix --remove-comments --remove-empty-lines --output-show-line-numbers --parsable-style --compress',
+    );
+  });
+
+  test('should add no- flags for disabled defaults', () => {
+    const result = generateCliCommand(
+      undefined,
+      createOptions({
+        fileSummary: false,
+        directoryStructure: false,
+      }),
+    );
+    expect(result).toBe('npx repomix --no-file-summary --no-directory-structure');
+  });
+
+  test('should shell-escape include and ignore patterns', () => {
+    const result = generateCliCommand(
+      undefined,
+      createOptions({
+        includePatterns: '**/*.ts',
+        ignorePatterns: "test's dir",
+      }),
+    );
+    expect(result).toBe("npx repomix --include '**/*.ts' --ignore 'test'\\''s dir'");
+  });
+
+  test('should skip empty patterns', () => {
+    const result = generateCliCommand(
+      undefined,
+      createOptions({
+        includePatterns: '  ',
+        ignorePatterns: '',
+      }),
+    );
+    expect(result).toBe('npx repomix');
+  });
+
+  test('should combine all options', () => {
+    const result = generateCliCommand(
+      'yamadashy/repomix',
+      createOptions({
+        format: 'markdown',
+        removeComments: true,
+        compress: true,
+        fileSummary: false,
+        includePatterns: 'src/**',
+      }),
+    );
+    expect(result).toBe(
+      "npx repomix --remote 'yamadashy/repomix' --style markdown --remove-comments --compress --no-file-summary --include 'src/**'",
+    );
+  });
+
+  test('should escape shell metacharacters in repository URL', () => {
+    const result = generateCliCommand('https://example.com/repo;rm -rf /', undefined);
+    expect(result).toBe("npx repomix --remote 'https://example.com/repo;rm -rf /'");
+  });
+});
diff --git a/website/client/components/Home/SupportMessage.vue b/website/client/components/Home/SupportMessage.vue
index 0e0dc42fe..38afaa69f 100644
--- a/website/client/components/Home/SupportMessage.vue
+++ b/website/client/components/Home/SupportMessage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HeartHandshake, Star } from 'lucide-vue-next';
+import { Star } from 'lucide-vue-next';
 import { computed, ref } from 'vue';
 
 const messages = [
@@ -26,73 +26,50 @@ const supportMessage = computed(() => messages[currentMessageIndex.value]);
 </script>
 
 <template>
-  <div class="support-notice">
-    <div class="support-message">
-      <a :href="supportMessage.link" target="_blank" rel="noopener noreferrer" class="support-link">
-        <component :is="supportMessage.icon" :size="14" class="support-icon" />
-        <span class="link-text">{{ supportMessage.linkText }}</span>{{ supportMessage.suffix }}
-      </a>
-    </div>
+  <div class="support-banner">
+    <a :href="supportMessage.link" target="_blank" rel="noopener noreferrer" class="support-link">
+      <component :is="supportMessage.icon" :size="14" class="support-icon" />
+      <span class="link-text">{{ supportMessage.linkText }}</span>{{ supportMessage.suffix }}
+    </a>
   </div>
 </template>
 
 <style scoped>
-.support-notice {
-  padding: 8px;
-  background: var(--vp-c-bg-soft);
-  border-top: 1px solid var(--vp-c-border);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  min-height: 45px;
-}
-
-.support-message {
+.support-banner {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--vp-c-text-2);
-  font-size: 12px;
-  width: 100%;
-}
-
-.support-icon {
-  flex-shrink: 0;
-  transition: color 0.3s ease;
-  color: v-bind('supportMessage.color');
+  padding: 10px 16px;
+  background: linear-gradient(135deg, rgba(255, 140, 0, 0.05) 0%, var(--vp-c-bg-soft) 100%);
+  border-top: 1px solid var(--vp-c-border);
 }
 
 .support-link {
-  text-decoration: none;
-  font-weight: normal;
-  transition: color 0.3s ease;
   display: flex;
   align-items: center;
   gap: 6px;
+  font-size: 12px;
+  color: var(--vp-c-text-2);
+  text-decoration: none;
+  transition: color 0.2s ease;
 }
 
 .support-link:hover {
-  color: var(--vp-c-brand-1);
+  color: var(--vp-c-text-1);
+}
+
+.support-icon {
+  flex-shrink: 0;
+  color: v-bind('supportMessage.color');
 }
 
 .link-text {
   text-decoration: underline;
   text-decoration-color: var(--vp-c-text-3);
-  transition: text-decoration-color 0.3s ease;
+  transition: text-decoration-color 0.2s ease;
 }
 
 .support-link:hover .link-text {
-  text-decoration-color: var(--vp-c-brand-1);
-}
-
-@media (max-width: 768px) {
-  .support-notice {
-    padding: 16px;
-  }
-
-  .support-message {
-    max-width: 100%;
-  }
+  text-decoration-color: var(--vp-c-text-1);
 }
 </style>
diff --git a/website/client/components/Home/TryIt.vue b/website/client/components/Home/TryIt.vue
index 6921b0ac4..74ce4b6cf 100644
--- a/website/client/components/Home/TryIt.vue
+++ b/website/client/components/Home/TryIt.vue
@@ -95,6 +95,7 @@
           :error="error"
           :error-type="errorType"
           :repository-url="inputRepositoryUrl"
+          :pack-options="packOptions"
           @repack="handleRepack"
         />
       </div>
diff --git a/website/client/components/Home/TryItResult.vue b/website/client/components/Home/TryItResult.vue
index 37d61245a..5fb2f201f 100644
--- a/website/client/components/Home/TryItResult.vue
+++ b/website/client/components/Home/TryItResult.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import type { PackOptions } from '../../composables/usePackOptions';
 import type { TabType } from '../../types/ui';
 import type { FileInfo, PackResult } from '../api/client';
 import SupportMessage from './SupportMessage.vue';
@@ -14,6 +15,7 @@ interface Props {
   error?: string | null;
   errorType?: 'error' | 'warning';
   repositoryUrl?: string;
+  packOptions?: PackOptions;
 }
 
 interface Emits {
@@ -57,6 +59,7 @@ const handleRepack = (selectedFiles: FileInfo[]) => {
       :message="error"
       :error-type="errorType"
       :repository-url="repositoryUrl"
+      :pack-options="packOptions"
     />
     <div v-else-if="result" class="result-content">
       <!-- Tab Navigation -->
@@ -81,7 +84,7 @@ const handleRepack = (selectedFiles: FileInfo[]) => {
 
       <!-- Tab Content -->
       <div v-show="activeTab === 'result' || !hasFileSelection">
-        <TryItResultContent :result="result" />
+        <TryItResultContent :result="result" :pack-options="packOptions" />
       </div>
       <div v-show="activeTab === 'files' && hasFileSelection">
         <TryItFileSelection
diff --git a/website/client/components/Home/TryItResultContent.vue b/website/client/components/Home/TryItResultContent.vue
index 90657cf26..f22fd1688 100644
--- a/website/client/components/Home/TryItResultContent.vue
+++ b/website/client/components/Home/TryItResultContent.vue
@@ -2,11 +2,13 @@
 import ace, { type Ace } from 'ace-builds';
 import themeTomorrowUrl from 'ace-builds/src-noconflict/theme-tomorrow?url';
 import themeTomorrowNightUrl from 'ace-builds/src-noconflict/theme-tomorrow_night?url';
-import { BarChart2, Copy, Download, GitFork, PackageSearch, Share } from 'lucide-vue-next';
+import { BarChart2, Copy, Download, GitFork, PackageSearch, Share, Terminal } from 'lucide-vue-next';
 import { useData } from 'vitepress';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
 import { VAceEditor } from 'vue3-ace-editor';
+import type { PackOptions } from '../../composables/usePackOptions';
 import type { PackResult } from '../api/client';
+import { generateCliCommand } from '../utils/cliCommand';
 import {
   canShareFiles,
   copyToClipboard,
@@ -25,6 +27,7 @@ const darkTheme = 'tomorrow_night';
 
 const props = defineProps<{
   result: PackResult;
+  packOptions?: PackOptions;
 }>();
 
 const copied = ref(false);
@@ -51,6 +54,28 @@ const formattedTimestamp = computed(() => {
   return formatTimestamp(props.result.metadata.timestamp);
 });
 
+// Generate CLI command for local execution
+const cliCommand = computed(() => {
+  return generateCliCommand(props.result.metadata.repository, props.packOptions);
+});
+
+const commandCopied = ref(false);
+
+const handleCopyCommand = async (event: Event) => {
+  event.preventDefault();
+  event.stopPropagation();
+
+  try {
+    await navigator.clipboard.writeText(cliCommand.value);
+    commandCopied.value = true;
+    setTimeout(() => {
+      commandCopied.value = false;
+    }, 2000);
+  } catch (err) {
+    console.error('Failed to copy command:', err);
+  }
+};
+
 const handleCopy = async (event: Event) => {
   event.preventDefault();
   event.stopPropagation();
@@ -179,6 +204,7 @@ onUnmounted(() => {
           </li>
         </ol>
       </div>
+
     </div>
 
     <div class="output-panel">
@@ -226,6 +252,21 @@ onUnmounted(() => {
         />
       </div>
     </div>
+    <div class="cli-banner">
+      <div class="cli-banner-content">
+        <Terminal :size="16" class="cli-banner-icon" />
+        <span class="cli-banner-label">Run locally:</span>
+        <code class="cli-banner-command">{{ cliCommand }}</code>
+      </div>
+      <button
+        class="cli-banner-copy"
+        @click="handleCopyCommand"
+        :class="{ copied: commandCopied }"
+      >
+        <Copy :size="14" />
+        <span>{{ commandCopied ? 'Copied!' : 'Copy' }}</span>
+      </button>
+    </div>
     <div class="support-wrapper">
       <SupportMessage />
     </div>
@@ -322,6 +363,97 @@ dd {
   align-items: center;
 }
 
+.cli-banner {
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 16px;
+  background: var(--vp-c-bg-soft);
+  border-top: 1px solid var(--vp-c-border);
+}
+
+.cli-banner-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+
+.cli-banner-icon {
+  color: var(--vp-c-brand-1);
+  flex-shrink: 0;
+}
+
+.cli-banner-label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--vp-c-text-2);
+  flex-shrink: 0;
+}
+
+.cli-banner-command {
+  font-size: 13px;
+  font-family: var(--vp-font-family-mono);
+  color: var(--vp-c-text-1);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: var(--vp-c-bg);
+  border: 1px solid var(--vp-c-border);
+  border-radius: 4px;
+  padding: 4px 8px;
+}
+
+.cli-banner-copy {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  border: 1px solid var(--vp-c-brand-1);
+  border-radius: 6px;
+  background: var(--vp-c-bg);
+  color: var(--vp-c-brand-1);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.cli-banner-copy:hover {
+  background: var(--vp-c-brand-1);
+  color: white;
+}
+
+.cli-banner-copy.copied {
+  background: var(--vp-c-brand-1);
+  color: white;
+}
+
+@media (max-width: 768px) {
+  .cli-banner {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 10px;
+  }
+
+  .cli-banner-content {
+    flex-wrap: wrap;
+  }
+
+  .cli-banner-command {
+    white-space: normal;
+    word-break: break-all;
+  }
+
+  .cli-banner-copy {
+    justify-content: center;
+  }
+}
+
 .output-panel {
   display: flex;
   flex-direction: column;
diff --git a/website/client/components/Home/TryItResultErrorContent.vue b/website/client/components/Home/TryItResultErrorContent.vue
index fe6334045..c1de7dd99 100644
--- a/website/client/components/Home/TryItResultErrorContent.vue
+++ b/website/client/components/Home/TryItResultErrorContent.vue
@@ -1,17 +1,22 @@
 <script setup lang="ts">
 import { AlertCircle, AlertTriangle, Copy } from 'lucide-vue-next';
 import { computed, ref } from 'vue';
+import type { PackOptions } from '../../composables/usePackOptions';
+import { generateCliCommand } from '../utils/cliCommand';
 
 const props = defineProps<{
   message: string;
   repositoryUrl?: string;
   errorType?: 'error' | 'warning';
+  packOptions?: PackOptions;
 }>();
 
 const copied = ref(false);
 const commandWithRepo = computed(() => {
-  const baseCommand = 'npx repomix --remote';
-  return props.repositoryUrl ? `${baseCommand} ${props.repositoryUrl}` : `${baseCommand} <repository-url>`;
+  if (!props.repositoryUrl) {
+    return 'npx repomix --remote <repository-url>';
+  }
+  return generateCliCommand(props.repositoryUrl, props.packOptions);
 });
 
 const copyCommand = async (event: Event) => {
diff --git a/website/client/components/utils/cliCommand.ts b/website/client/components/utils/cliCommand.ts
new file mode 100644
index 000000000..8db86aa71
--- /dev/null
+++ b/website/client/components/utils/cliCommand.ts
@@ -0,0 +1,69 @@
+import { isValidRemoteValue } from './validation.js';
+
+export interface CliCommandPackOptions {
+  format?: string;
+  removeComments?: boolean;
+  removeEmptyLines?: boolean;
+  showLineNumbers?: boolean;
+  fileSummary?: boolean;
+  directoryStructure?: boolean;
+  includePatterns?: string;
+  ignorePatterns?: string;
+  outputParsable?: boolean;
+  compress?: boolean;
+}
+
+// Escape a string for safe use in shell commands
+const shellEscape = (value: string): string => `'${value.replace(/'/g, "'\\''")}'`;
+
+export function generateCliCommand(repositoryUrl: string | undefined, packOptions?: CliCommandPackOptions): string {
+  const parts: string[] = ['npx repomix'];
+
+  // Add remote repository URL (only for valid remote values, not uploaded file names)
+  if (repositoryUrl && isValidRemoteValue(repositoryUrl)) {
+    parts.push(`--remote ${shellEscape(repositoryUrl)}`);
+  }
+
+  // Only add options if packOptions is provided
+  if (packOptions) {
+    // Format (only add if not default 'xml')
+    if (packOptions.format && packOptions.format !== 'xml') {
+      parts.push(`--style ${packOptions.format}`);
+    }
+
+    // Boolean flags that enable features
+    if (packOptions.removeComments) {
+      parts.push('--remove-comments');
+    }
+    if (packOptions.removeEmptyLines) {
+      parts.push('--remove-empty-lines');
+    }
+    if (packOptions.showLineNumbers) {
+      parts.push('--output-show-line-numbers');
+    }
+    if (packOptions.outputParsable) {
+      parts.push('--parsable-style');
+    }
+    if (packOptions.compress) {
+      parts.push('--compress');
+    }
+
+    // Boolean flags that disable defaults (fileSummary and directoryStructure default to true)
+    if (packOptions.fileSummary === false) {
+      parts.push('--no-file-summary');
+    }
+    if (packOptions.directoryStructure === false) {
+      parts.push('--no-directory-structure');
+    }
+
+    // String options
+    if (packOptions.includePatterns?.trim()) {
+      parts.push(`--include ${shellEscape(packOptions.includePatterns.trim())}`);
+    }
+    if (packOptions.ignorePatterns?.trim()) {
+      parts.push(`--ignore ${shellEscape(packOptions.ignorePatterns.trim())}`);
+    }
+  }
+
+  return parts.join(' ');
+}