diff --git a/fake-data-generator/gen.ts b/fake-data-generator/gen.ts
index 8b79f2a41..56c332d6f 100644
--- a/fake-data-generator/gen.ts
+++ b/fake-data-generator/gen.ts
@@ -25,7 +25,10 @@ const types: string[] = [
   'ConsoleListProjectMSvsQuery',
   'ConsoleListMSvTemplatesQuery',
   'ConsoleListRoutersQuery',
-  'ConsoleListManagedResourcesQuery'
+  'ConsoleListManagedResourcesQuery',
+  'ConsoleListDigestQuery',
+  'ConsoleListBuildsQuery',
+  'ConsoleListBuildRunsQuery',
 ];
 
 async function fake(files: string[], types: string[] = []) {
diff --git a/src/apps/console/routes/_main+/$account+/repo+/$repo+/buildruns/route.tsx b/src/apps/console/routes/_main+/$account+/repo+/$repo+/buildruns/route.tsx
index b3f69940b..c66b84aa8 100644
--- a/src/apps/console/routes/_main+/$account+/repo+/$repo+/buildruns/route.tsx
+++ b/src/apps/console/routes/_main+/$account+/repo+/$repo+/buildruns/route.tsx
@@ -36,7 +36,7 @@ const BuildRuns = () => {
     <LoadingComp
       data={promise}
       skeletonData={{
-        buildRunData: fake.ConsoleListNodePoolsQuery.infra_listNodePools as any,
+        buildRunData: fake.ConsoleListBuildRunsQuery.cr_listBuildRuns as any,
       }}
     >
       {({ buildRunData }) => {
diff --git a/src/apps/console/routes/_main+/$account+/repo+/$repo+/builds/_index.tsx b/src/apps/console/routes/_main+/$account+/repo+/$repo+/builds/_index.tsx
index 41dfc75e1..c544f5407 100644
--- a/src/apps/console/routes/_main+/$account+/repo+/$repo+/builds/_index.tsx
+++ b/src/apps/console/routes/_main+/$account+/repo+/$repo+/builds/_index.tsx
@@ -13,6 +13,7 @@ import { Button } from '~/components/atoms/button';
 import BuildResources from './build-resources';
 import HandleBuild from './handle-builds';
 import Tools from './tools';
+import fake from "~/root/fake-data-generator/fake";
 
 export const loader = async (ctx: IRemixCtx) => {
   const { repo } = ctx.params;
@@ -42,7 +43,12 @@ const Builds = () => {
 
   return (
     <>
-      <LoadingComp data={promise}>
+      <LoadingComp
+          data={promise}
+          skeletonData={{
+            buildData: fake.ConsoleListBuildsQuery.cr_listBuilds as any,
+          }}
+      >
         {({ buildData }) => {
           const builds = buildData.edges?.map(({ node }) => node);
 
diff --git a/src/apps/console/routes/_main+/$account+/repo+/$repo+/images/route.tsx b/src/apps/console/routes/_main+/$account+/repo+/$repo+/images/route.tsx
index 6383e9695..00aa8897d 100644
--- a/src/apps/console/routes/_main+/$account+/repo+/$repo+/images/route.tsx
+++ b/src/apps/console/routes/_main+/$account+/repo+/$repo+/images/route.tsx
@@ -10,6 +10,7 @@ import { IRemixCtx } from '~/root/lib/types/common';
 import SecondarySubHeader from '~/console/components/secondary-sub-header';
 import TagsResources from './tags-resources';
 import Tools from './tools';
+import fake from "~/root/fake-data-generator/fake";
 
 export const loader = async (ctx: IRemixCtx) => {
   const { repo } = ctx.params;
@@ -36,7 +37,12 @@ export const loader = async (ctx: IRemixCtx) => {
 const Images = () => {
   const { promise } = useLoaderData<typeof loader>();
   return (
-    <LoadingComp data={promise}>
+    <LoadingComp
+        data={promise}
+        skeletonData={{
+          tagsData: fake.ConsoleListDigestQuery.cr_listDigests as any,
+        }}
+    >
       {({ tagsData }) => {
         const tags = tagsData.edges?.map(({ node }) => node);