diff --git a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx
index 361cd34..be82155 100644
--- a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx
+++ b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState } from 'react';
 import { Trash2, Image, Video, ExternalLink } from 'lucide-react';
 
diff --git a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx
index 1116ffd..51ded2e 100644
--- a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx
+++ b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useCallback, useState, useRef } from 'react';
 import { Upload, Loader2, Check } from 'lucide-react';