diff --git a/src/app/(app)/creators/[username]/page.tsx b/src/app/(app)/creators/[username]/page.tsx
index 8b64ff1..28855f1 100644
--- a/src/app/(app)/creators/[username]/page.tsx
+++ b/src/app/(app)/creators/[username]/page.tsx
@@ -322,7 +322,12 @@ export default function CreatorProfilePage(): JSX.Element {
         )}
 
         {/* Recent Tips */}
-        {history.transactions.length > 0 && (
+        {history.loading && history.transactions.length === 0 ? (
+          <section>
+            <h2 className="text-xl font-bold mb-6">Recent Tips</h2>
+            <TransactionTableSkeleton />
+          </section>
+        ) : history.transactions.length > 0 ? (
           <section>
             <h2 className="text-xl font-bold mb-6">Recent Tips</h2>
             <div className="border rounded-lg overflow-hidden">
@@ -389,7 +394,7 @@ export default function CreatorProfilePage(): JSX.Element {
               </div>
             )}
           </section>
-        )}
+        ) : null}
 
         {history.transactions.length === 0 && !history.loading && (
           <section className="text-center py-12">
diff --git a/src/components/sections/activity-feed.test.tsx b/src/components/sections/activity-feed.test.tsx
index 962509d..346becc 100644
--- a/src/components/sections/activity-feed.test.tsx
+++ b/src/components/sections/activity-feed.test.tsx
@@ -56,6 +56,13 @@ describe('ActivityFeed', () => {
     expect(screen.getByText('No recent activity')).toBeInTheDocument();
   });
 
+  it('renders ActivityFeedSkeleton when loading and items are empty', () => {
+    render(<ActivityFeed items={[]} loading={true} />);
+
+    expect(screen.getByRole('status', { name: /loading activity feed/i })).toBeInTheDocument();
+    expect(screen.queryByText('No recent activity')).not.toBeInTheDocument();
+  });
+
   it('filters items by type', () => {
     render(<ActivityFeed items={mockItems} filters={{ type: 'tip' }} />);
 
diff --git a/src/components/sections/activity-feed.tsx b/src/components/sections/activity-feed.tsx
index caca089..4892514 100644
--- a/src/components/sections/activity-feed.tsx
+++ b/src/components/sections/activity-feed.tsx
@@ -20,6 +20,7 @@ import {
   ChevronDown,
   Loader2,
 } from 'lucide-react';
+import { ActivityFeedSkeleton } from '@/components/shared/creator-skeletons';
 
 export interface ActivityFeedProps {
   items: ActivityFeedItem[];
@@ -126,7 +127,9 @@ export function ActivityFeed({
       </div>
 
       {/* Activity List */}
-      {filteredItems.length === 0 && !loading ? (
+      {loading && filteredItems.length === 0 ? (
+        <ActivityFeedSkeleton />
+      ) : filteredItems.length === 0 ? (
         <p className="text-sm text-muted-foreground py-8 text-center">No recent activity</p>
       ) : (
         <div className="space-y-3">
diff --git a/src/components/sections/creator-collaborations.tsx b/src/components/sections/creator-collaborations.tsx
index 8230987..14f3969 100644
--- a/src/components/sections/creator-collaborations.tsx
+++ b/src/components/sections/creator-collaborations.tsx
@@ -59,6 +59,9 @@ export function CreatorCollaborations({
 
   useEffect(() => {
     let active = true;
+    if (typeof client?.getCreatorProfile !== 'function') {
+      return;
+    }
     client
       .getCreatorProfile(username)
       .then((profile) => {
diff --git a/src/components/sections/creator-commission-requests.tsx b/src/components/sections/creator-commission-requests.tsx
index d9e7607..4b7f6a6 100644
--- a/src/components/sections/creator-commission-requests.tsx
+++ b/src/components/sections/creator-commission-requests.tsx
@@ -41,6 +41,9 @@ export function CreatorCommissionRequests({
 
   useEffect(() => {
     let active = true;
+    if (typeof client?.getCreatorProfile !== 'function') {
+      return;
+    }
     client
       .getCreatorProfile(username)
       .then((profile) => {
diff --git a/src/components/sections/top-tippers-table.test.tsx b/src/components/sections/top-tippers-table.test.tsx
index dbf4e5c..e236b50 100644
--- a/src/components/sections/top-tippers-table.test.tsx
+++ b/src/components/sections/top-tippers-table.test.tsx
@@ -46,4 +46,11 @@ describe('TopTippersTable', () => {
     expect(screen.queryByTestId('top-tippers-table')).not.toBeInTheDocument();
     expect(screen.getByText(/no tippers for this period/i)).toBeInTheDocument();
   });
+
+  it('renders skeleton placeholder when loading is true', () => {
+    render(<TopTippersTable data={[]} loading={true} />);
+
+    expect(screen.getByRole('status', { name: /loading top tippers/i })).toBeInTheDocument();
+    expect(screen.queryByText(/no tippers for this period/i)).not.toBeInTheDocument();
+  });
 });
diff --git a/src/components/sections/top-tippers-table.tsx b/src/components/sections/top-tippers-table.tsx
index 6359a70..8163795 100644
--- a/src/components/sections/top-tippers-table.tsx
+++ b/src/components/sections/top-tippers-table.tsx
@@ -5,12 +5,18 @@
 
 import type { TopTipper } from '@/types';
 import { formatCurrency, formatDate } from '@/utils/formatters';
+import { TopTippersTableSkeleton } from '@/components/shared/creator-skeletons';
 
 export interface TopTippersTableProps {
   data: TopTipper[];
+  loading?: boolean;
 }
 
-export function TopTippersTable({ data }: TopTippersTableProps): JSX.Element {
+export function TopTippersTable({ data, loading = false }: TopTippersTableProps): JSX.Element {
+  if (loading) {
+    return <TopTippersTableSkeleton />;
+  }
+
   if (data.length === 0) {
     return (
       <div className="flex items-center justify-center py-12 text-sm text-muted-foreground">
diff --git a/src/components/sections/transaction-filter-bar.tsx b/src/components/sections/transaction-filter-bar.tsx
index 1c8c921..73a0935 100644
--- a/src/components/sections/transaction-filter-bar.tsx
+++ b/src/components/sections/transaction-filter-bar.tsx
@@ -181,7 +181,7 @@ export function TransactionFilterBar({
             className="flex items-center gap-2 px-3 py-1.5 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90 transition disabled:opacity-50 disabled:cursor-not-allowed"
           >
             <Download className="h-4 w-4" aria-hidden="true" />
-            CSV ({resultCount})
+            Export CSV ({resultCount})
           </button>
           {onExportExcel && (
             <button
diff --git a/src/components/shared/creator-skeletons.test.tsx b/src/components/shared/creator-skeletons.test.tsx
index 98d70e6..c3fae46 100644
--- a/src/components/shared/creator-skeletons.test.tsx
+++ b/src/components/shared/creator-skeletons.test.tsx
@@ -4,6 +4,8 @@ import {
   EarningsCardSkeleton,
   ProfileHeaderSkeleton,
   TransactionTableSkeleton,
+  TopTippersTableSkeleton,
+  ActivityFeedSkeleton,
 } from './creator-skeletons';
 
 describe('ProfileHeaderSkeleton (#8)', () => {
@@ -77,3 +79,48 @@ describe('TransactionTableSkeleton (#8)', () => {
     });
   });
 });
+
+describe('TopTippersTableSkeleton (#163)', () => {
+  it('is accessible as a status region', () => {
+    render(<TopTippersTableSkeleton />);
+    expect(screen.getByRole('status', { name: /loading top tippers/i })).toBeInTheDocument();
+  });
+
+  it('renders column headers matching TopTippersTable layout', () => {
+    render(<TopTippersTableSkeleton />);
+    expect(screen.getByText('Rank')).toBeInTheDocument();
+    expect(screen.getByText('Tipper')).toBeInTheDocument();
+    expect(screen.getByText('Total Tipped')).toBeInTheDocument();
+    expect(screen.getByText('Tips')).toBeInTheDocument();
+    expect(screen.getByText('Last Tip')).toBeInTheDocument();
+    expect(screen.getByText('Latest Message')).toBeInTheDocument();
+  });
+
+  it('renders default number of rows with skeleton blocks in each cell', () => {
+    const { container } = render(<TopTippersTableSkeleton rows={3} />);
+    const rows = container.querySelectorAll('tbody tr');
+    expect(rows).toHaveLength(3);
+    const cells = rows[0].querySelectorAll('td');
+    expect(cells).toHaveLength(6);
+    cells.forEach((cell) => {
+      expect(cell.querySelector('.animate-pulse')).toBeInTheDocument();
+    });
+  });
+});
+
+describe('ActivityFeedSkeleton (#163)', () => {
+  it('is accessible as a status region', () => {
+    render(<ActivityFeedSkeleton />);
+    expect(screen.getByRole('status', { name: /loading activity feed/i })).toBeInTheDocument();
+  });
+
+  it('renders specified number of item placeholders', () => {
+    const { container } = render(<ActivityFeedSkeleton count={4} />);
+    const items = container.querySelectorAll('[role="status"] > div');
+    expect(items).toHaveLength(4);
+    // each item has avatar circle + text placeholders
+    items.forEach((item) => {
+      expect(item.querySelector('.rounded-full')).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/components/shared/creator-skeletons.tsx b/src/components/shared/creator-skeletons.tsx
index bc4d7b5..042dd51 100644
--- a/src/components/shared/creator-skeletons.tsx
+++ b/src/components/shared/creator-skeletons.tsx
@@ -115,3 +115,85 @@ export function TransactionTableSkeleton({ rows = 5 }: { rows?: number }): JSX.E
     </div>
   );
 }
+
+/**
+ * Matches the top tippers table: header row (Rank, Tipper, Total Tipped, Tips, Last Tip, Latest Message)
+ * plus `rows` body rows, one skeleton block per column.
+ */
+export function TopTippersTableSkeleton({ rows = 5 }: { rows?: number }): JSX.Element {
+  return (
+    <div
+      aria-label="Loading top tippers"
+      className="border rounded-lg overflow-x-auto"
+      role="status"
+    >
+      <table className="w-full text-sm">
+        <thead className="border-b bg-muted/50">
+          <tr>
+            <th className="px-4 py-3 text-left font-semibold">Rank</th>
+            <th className="px-4 py-3 text-left font-semibold">Tipper</th>
+            <th className="px-4 py-3 text-left font-semibold">Total Tipped</th>
+            <th className="px-4 py-3 text-left font-semibold">Tips</th>
+            <th className="px-4 py-3 text-left font-semibold">Last Tip</th>
+            <th className="px-4 py-3 text-left font-semibold">Latest Message</th>
+          </tr>
+        </thead>
+        <tbody>
+          {Array.from({ length: rows }).map((_, i) => (
+            <tr className="border-b" key={i}>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-6" />
+              </td>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-28" />
+              </td>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-20" />
+              </td>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-10" />
+              </td>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-20" />
+              </td>
+              <td className="px-4 py-3">
+                <Skeleton className="h-4 w-36" />
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+/**
+ * Matches the activity feed item layout: circular icon/avatar + title + badge + description + timestamp.
+ */
+export function ActivityFeedSkeleton({ count = 3 }: { count?: number }): JSX.Element {
+  return (
+    <div
+      aria-label="Loading activity feed"
+      className="space-y-3"
+      role="status"
+    >
+      {Array.from({ length: count }).map((_, i) => (
+        <div
+          key={i}
+          className="flex items-start gap-4 p-4 rounded-lg bg-muted/30 border border-muted"
+        >
+          <Skeleton className="w-10 h-10 shrink-0 rounded-full" />
+          <div className="flex-1 space-y-2">
+            <div className="flex items-center gap-2">
+              <Skeleton className="h-4 w-24" />
+              <Skeleton className="h-4 w-16 rounded-full" />
+            </div>
+            <Skeleton className="h-4 w-3/4" />
+            <Skeleton className="h-3 w-1/2" />
+          </div>
+          <Skeleton className="h-3 w-16 shrink-0" />
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/src/components/shared/skeleton.tsx b/src/components/shared/skeleton.tsx
index 3edf129..ed7eb54 100644
--- a/src/components/shared/skeleton.tsx
+++ b/src/components/shared/skeleton.tsx
@@ -59,3 +59,44 @@ export function SkeletonGrid({ count = 6, cols = 3, ...props }: SkeletonGridProp
     </div>
   );
 }
+
+/**
+ * Skeleton List Item
+ * Reusable placeholder for avatar/icon + multi-line list rows
+ */
+export interface SkeletonListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  hasAvatar?: boolean;
+}
+
+export function SkeletonListItem({
+  hasAvatar = true,
+  className,
+  ...props
+}: SkeletonListItemProps): JSX.Element {
+  return (
+    <div
+      className={cn('flex items-center gap-4 p-4 rounded-lg border border-border bg-card', className)}
+      {...props}
+    >
+      {hasAvatar && <Skeleton className="h-10 w-10 shrink-0 rounded-full" />}
+      <div className="flex-1 space-y-2">
+        <Skeleton className="h-4 w-1/3" />
+        <Skeleton className="h-3 w-3/4" />
+      </div>
+      <Skeleton className="h-4 w-16 shrink-0" />
+    </div>
+  );
+}
+
+export function SkeletonList({
+  count = 4,
+  ...props
+}: { count?: number } & SkeletonListItemProps): JSX.Element {
+  return (
+    <div className="space-y-3" role="status" aria-label="Loading items">
+      {Array.from({ length: count }).map((_, i) => (
+        <SkeletonListItem key={i} {...props} />
+      ))}
+    </div>
+  );
+}
diff --git a/src/test/unit/loading-skeleton-screens.test.tsx b/src/test/unit/loading-skeleton-screens.test.tsx
new file mode 100644
index 0000000..6da26b9
--- /dev/null
+++ b/src/test/unit/loading-skeleton-screens.test.tsx
@@ -0,0 +1,96 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { SkeletonList, SkeletonListItem } from '@/components/shared/skeleton';
+import { TopTippersTable } from '@/components/sections/top-tippers-table';
+import { ActivityFeed } from '@/components/sections/activity-feed';
+import {
+  TopTippersTableSkeleton,
+  ActivityFeedSkeleton,
+  TransactionTableSkeleton,
+} from '@/components/shared/creator-skeletons';
+import type { TopTipper, ActivityFeedItem } from '@/types';
+
+describe('Loading Skeleton Screens (#163)', () => {
+  describe('Reusable SkeletonList and SkeletonListItem', () => {
+    it('renders a list of skeleton items with status role', () => {
+      render(<SkeletonList count={3} />);
+      const list = screen.getByRole('status', { name: /loading items/i });
+      expect(list).toBeInTheDocument();
+      expect(list.children).toHaveLength(3);
+    });
+
+    it('supports disabling avatar in skeleton list items', () => {
+      const { container } = render(<SkeletonListItem hasAvatar={false} />);
+      expect(container.querySelector('.rounded-full')).not.toBeInTheDocument();
+    });
+  });
+
+  describe('ActivityFeed loading behavior', () => {
+    const sampleItems: ActivityFeedItem[] = [
+      {
+        id: 'act-1',
+        type: 'tip',
+        creatorId: 'c1',
+        creatorName: 'Alice',
+        title: 'Tipped 20 XLM',
+        amount: 20,
+        createdAt: '2026-01-01T00:00:00Z',
+      },
+    ];
+
+    it('shows skeleton while loading is true and data is empty', () => {
+      render(<ActivityFeed items={[]} loading={true} />);
+      expect(screen.getByRole('status', { name: /loading activity feed/i })).toBeInTheDocument();
+      expect(screen.queryByText('No recent activity')).not.toBeInTheDocument();
+    });
+
+    it('removes skeleton and renders data when items arrive', () => {
+      const { rerender } = render(<ActivityFeed items={[]} loading={true} />);
+      expect(screen.getByRole('status', { name: /loading activity feed/i })).toBeInTheDocument();
+
+      // Data arrives, loading completes
+      rerender(<ActivityFeed items={sampleItems} loading={false} />);
+      expect(screen.queryByRole('status', { name: /loading activity feed/i })).not.toBeInTheDocument();
+      expect(screen.getByText('Tipped 20 XLM')).toBeInTheDocument();
+    });
+  });
+
+  describe('TopTippersTable loading behavior', () => {
+    const sampleTippers: TopTipper[] = [
+      {
+        id: 'tip-1',
+        name: 'Bob',
+        totalAmount: 150,
+        tipCount: 5,
+        lastTipAt: '2026-01-02T00:00:00Z',
+      },
+    ];
+
+    it('shows skeleton during data fetch', () => {
+      render(<TopTippersTable data={[]} loading={true} />);
+      expect(screen.getByRole('status', { name: /loading top tippers/i })).toBeInTheDocument();
+      expect(screen.queryByText(/no tippers for this period/i)).not.toBeInTheDocument();
+    });
+
+    it('removes skeleton and displays rows once data arrives', () => {
+      const { rerender } = render(<TopTippersTable data={[]} loading={true} />);
+      expect(screen.getByRole('status', { name: /loading top tippers/i })).toBeInTheDocument();
+
+      rerender(<TopTippersTable data={sampleTippers} loading={false} />);
+      expect(screen.queryByRole('status', { name: /loading top tippers/i })).not.toBeInTheDocument();
+      expect(screen.getByText('Bob')).toBeInTheDocument();
+    });
+  });
+
+  describe('TransactionTableSkeleton layout matching', () => {
+    it('visually resembles transaction table layout with all columns', () => {
+      render(<TransactionTableSkeleton rows={4} />);
+      expect(screen.getByRole('status', { name: /loading transaction history/i })).toBeInTheDocument();
+      expect(screen.getByText('Date')).toBeInTheDocument();
+      expect(screen.getByText('Amount')).toBeInTheDocument();
+      expect(screen.getByText('From')).toBeInTheDocument();
+      expect(screen.getByText('Status')).toBeInTheDocument();
+      expect(screen.getByText('Tx ID')).toBeInTheDocument();
+    });
+  });
+});