diff --git a/frontend/src/kit-overrides.css b/frontend/src/kit-overrides.css
index 7ca4505..025a2c0 100644
--- a/frontend/src/kit-overrides.css
+++ b/frontend/src/kit-overrides.css
@@ -6,4 +6,12 @@
 .tag-suggest .chip,
 .tag-badge {
   text-transform: none;
+}
+
+/* Спиннер обновления данных: под топбаром в правом углу, контент не сдвигает */
+.refresh-loader {
+  position: fixed;
+  top: 66px;
+  right: 18px;
+  z-index: 500;
 }
\ No newline at end of file
diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
index a64f25e..67d72f1 100644
--- a/frontend/src/locales/en.ts
+++ b/frontend/src/locales/en.ts
@@ -27,6 +27,7 @@
     created: 'Created',
     create: 'Create',
     taskDeleted: 'Task deleted',
+    loading: 'Loading…',
     projectDeleted: 'Project deleted',
     taskApproved: 'Task approved',
     taskTaken: 'Task started',
diff --git a/frontend/src/locales/ru.ts b/frontend/src/locales/ru.ts
index 42dc104..bd0887b 100644
--- a/frontend/src/locales/ru.ts
+++ b/frontend/src/locales/ru.ts
@@ -28,6 +28,7 @@
     created: 'Создано',
     create: 'Создать',
     taskDeleted: 'Задача удалена',
+    loading: 'Загрузка…',
     projectDeleted: 'Проект удалён',
     taskApproved: 'Задача утверждена',
     taskTaken: 'Задача взята в работу',
diff --git a/frontend/src/locales/uk.ts b/frontend/src/locales/uk.ts
index 0fe5258..f142d11 100644
--- a/frontend/src/locales/uk.ts
+++ b/frontend/src/locales/uk.ts
@@ -27,6 +27,7 @@
     created: 'Створено',
     create: 'Створити',
     taskDeleted: 'Задачу видалено',
+    loading: 'Завантаження…',
     projectDeleted: 'Проєкт видалено',
     taskApproved: 'Задачу затверджено',
     taskTaken: 'Задачу взято в роботу',
diff --git a/frontend/src/views/ArchiveView.vue b/frontend/src/views/ArchiveView.vue
index a8c4371..66ca11b 100644
--- a/frontend/src/views/ArchiveView.vue
+++ b/frontend/src/views/ArchiveView.vue
@@ -107,11 +107,31 @@
   <section>
     <GnPageHeader kicker="GNexus Tasks" :title="t('archive.title')">
       <template #meta>{{ headerMeta }}</template>
+      <!-- Спиннер обновления: данные уже есть, история дотягивается -->
+      <template #actions>
+        <GnLoader
+          v-if="loading && projects.length"
+          circle
+          label=""
+          :aria-label="t('common.loading')"
+          class="refresh-loader"
+        />
+      </template>
     </GnPageHeader>
 
     <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
 
-    <GnSkeleton v-if="loading && projects.length === 0" type="block" stack :count="2" class="list-skeleton" />
+    <!-- Скелетон карточек архива: имя + ряд бейджей, как в реальных -->
+    <div v-if="loading && projects.length === 0" class="list-skeleton" aria-hidden="true">
+      <div v-for="i in 2" :key="i" class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-title" />
+          <div class="sk-badges">
+            <span v-for="j in 2" :key="j" class="skeleton skeleton-square" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-else-if="projects.length === 0"
@@ -178,6 +198,22 @@
 }
 .list-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+/* карточка-скелет: как реальная карточка архива — тянется на ширину */
+.list-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.list-skeleton .card-content > .skeleton-title {
+  display: block;
+  margin-bottom: 10px;
+}
+.sk-badges {
+  display: flex;
+  gap: 6px;
 }
 .archive-meta {
   display: flex;
diff --git a/frontend/src/views/GardenView.vue b/frontend/src/views/GardenView.vue
index cda9347..b527faf 100644
--- a/frontend/src/views/GardenView.vue
+++ b/frontend/src/views/GardenView.vue
@@ -284,7 +284,14 @@
 
 <template>
   <section>
-    <GnSkeleton v-if="loading && !garden" type="block" stack :count="2" class="page-skeleton" />
+    <!-- Скелетон сада: сцена + бейджи XP/уровня -->
+    <div v-if="loading && !garden" class="page-skeleton" aria-hidden="true">
+      <span class="skeleton skeleton-block" style="height: 260px" />
+      <div class="page-skeleton-lines">
+        <span class="skeleton skeleton-line" style="width: 38%" />
+        <span class="skeleton skeleton-line" style="width: 24%" />
+      </div>
+    </div>
 
     <template v-else>
       <GnPageHeader kicker="GNexus Tasks" :title="t('garden.title')">
@@ -301,6 +308,14 @@
           </GnBadge>
         </template>
         <template #actions>
+          <!-- Спиннер обновления: данные уже есть, сад дотягивается -->
+          <GnLoader
+            v-if="loading"
+            circle
+            label=""
+            :aria-label="t('common.loading')"
+            class="refresh-loader"
+          />
           <GnButton variant="secondary" icon="ph-list-numbers" @click="levelsOpen = true">
             {{ t('garden.levelsTitle') }}
           </GnButton>
@@ -574,6 +589,14 @@
 <style scoped>
 .page-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.page-skeleton-lines {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
 }
 .level-progress {
   margin-bottom: 1rem;
diff --git a/frontend/src/views/ListView.vue b/frontend/src/views/ListView.vue
index 4b7b67f..1c88924 100644
--- a/frontend/src/views/ListView.vue
+++ b/frontend/src/views/ListView.vue
@@ -131,6 +131,16 @@
   <section>
     <GnPageHeader kicker="GNexus Tasks" :title="t('list.title')">
       <template #meta>{{ t('list.count', { n: tasks.length }) }}</template>
+      <!-- Спиннер обновления: данные уже есть, список дотягивается -->
+      <template #actions>
+        <GnLoader
+          v-if="loading && tasks.length"
+          circle
+          label=""
+          :aria-label="t('common.loading')"
+          class="refresh-loader"
+        />
+      </template>
     </GnPageHeader>
 
     <!-- Фильтры в одну строку (переносятся на мобильных); применяются сразу -->
@@ -173,7 +183,17 @@
 
     <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
 
-    <GnSkeleton v-if="loading" type="block" stack :count="3" class="list-skeleton" />
+    <!-- Скелетон карточек задач: заголовок + ряд бейджей, как в TaskCard -->
+    <div v-if="loading" class="list-skeleton" aria-hidden="true">
+      <div v-for="i in 4" :key="i" class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-title" />
+          <div class="sk-badges">
+            <span v-for="j in 3" :key="j" class="skeleton skeleton-square" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-if="!loading && tasks.length === 0"
@@ -226,6 +246,22 @@
 }
 .list-skeleton {
   margin-bottom: 1rem;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.75rem;
+}
+/* карточка-скелет: как реальная карточка задачи — тянется на колонку */
+.list-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.list-skeleton .card-content > .skeleton-title {
+  display: block;
+  margin-bottom: 10px;
+}
+.sk-badges {
+  display: flex;
+  gap: 6px;
 }
 .task-list {
   display: flex;
diff --git a/frontend/src/views/OptionsView.vue b/frontend/src/views/OptionsView.vue
index f5ccf86..375bb3c 100644
--- a/frontend/src/views/OptionsView.vue
+++ b/frontend/src/views/OptionsView.vue
@@ -66,7 +66,18 @@
 
 <template>
   <section>
-    <GnPageHeader kicker="GNexus Tasks" :title="t('options.title')" />
+    <GnPageHeader kicker="GNexus Tasks" :title="t('options.title')">
+      <!-- Спиннер обновления: данные уже есть, выдача дотягивается -->
+      <template #actions>
+        <GnLoader
+          v-if="loading && options.length"
+          circle
+          label=""
+          :aria-label="t('common.loading')"
+          class="refresh-loader"
+        />
+      </template>
+    </GnPageHeader>
 
     <!-- Доступное время в часах (0.5 = полчаса) + предложение, в одну строку -->
     <form class="time-form" @submit.prevent="fetchOptions">
@@ -85,7 +96,17 @@
 
     <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
 
-    <GnSkeleton v-if="loading" type="block" stack :count="3" class="list-skeleton" />
+    <!-- Скелетон карточек выдачи: заголовок + ряд бейджей, как в TaskCard -->
+    <div v-if="loading" class="list-skeleton" aria-hidden="true">
+      <div v-for="i in 3" :key="i" class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-title" />
+          <div class="sk-badges">
+            <span v-for="j in 3" :key="j" class="skeleton skeleton-square" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-else-if="options.length === 0"
@@ -152,5 +173,21 @@
 }
 .list-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+/* карточка-скелет: как реальная карточка задачи — тянется на ширину */
+.list-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.list-skeleton .card-content > .skeleton-title {
+  display: block;
+  margin-bottom: 10px;
+}
+.sk-badges {
+  display: flex;
+  gap: 6px;
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index 4275eab..20312d1 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -441,7 +441,19 @@
 
 <template>
   <section>
-    <GnSkeleton v-if="loading && !project" type="block" stack :count="2" class="page-skeleton" />
+    <!-- Скелетон страницы проекта: шапка + статистика + список задач -->
+    <div v-if="loading && !project" class="page-skeleton" aria-hidden="true">
+      <span class="skeleton skeleton-title" />
+      <div class="page-skeleton-cards">
+        <div v-for="i in 2" :key="i" class="card">
+          <div class="card-content">
+            <span class="skeleton skeleton-line" style="width: 35%" />
+            <span class="skeleton skeleton-line" style="width: 78%" />
+            <span class="skeleton skeleton-line" style="width: 64%" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-if="!loading && notFound"
@@ -490,6 +502,14 @@
           </GnBadge>
         </template>
         <template #actions>
+          <!-- Спиннер обновления: данные уже есть, страница дотягивается -->
+          <GnLoader
+            v-if="loading"
+            circle
+            label=""
+            :aria-label="t('common.loading')"
+            class="refresh-loader"
+          />
           <GnButton v-if="!isArchived" variant="primary" size="sm" icon="ph-plus" class="new-task-full" @click="newTaskOpen = true">
             {{ t('projectPage.newTask') }}
           </GnButton>
@@ -815,6 +835,23 @@
 }
 .page-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.page-skeleton > .skeleton-title {
+  display: block;
+  margin-bottom: 6px;
+}
+.page-skeleton-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+/* карточка-скелет: как реальная карточка — тянется на ширину */
+.page-skeleton .card {
+  width: 100%;
+  max-width: none;
 }
 /* «Новая задача» в шапке страницы: на мобильном — GnIconButton кита (btn-icon)
    вместо кнопки с лейблом; переключение display, без ручных размеров */
diff --git a/frontend/src/views/ProjectsView.vue b/frontend/src/views/ProjectsView.vue
index f862fb2..30af1db 100644
--- a/frontend/src/views/ProjectsView.vue
+++ b/frontend/src/views/ProjectsView.vue
@@ -100,6 +100,13 @@
     <GnPageHeader kicker="GNexus Tasks" :title="t('projects.title')">
       <template #meta>{{ t('projects.count', { n: projects.length }) }}</template>
       <template #actions>
+        <GnLoader
+          v-if="loading && projects.length"
+          circle
+          label=""
+          :aria-label="t('common.loading')"
+          class="refresh-loader"
+        />
         <GnButton variant="primary" icon="ph-plus" @click="createOpen = true">
           {{ t('projects.new') }}
         </GnButton>
@@ -108,7 +115,17 @@
 
     <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
 
-    <GnSkeleton v-if="loading && projects.length === 0" type="block" stack :count="3" class="list-skeleton" />
+    <!-- Скелетон карточек проектов: имя + ряд бейджей, как в реальных -->
+    <div v-if="loading && projects.length === 0" class="list-skeleton" aria-hidden="true">
+      <div v-for="i in 3" :key="i" class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-title" />
+          <div class="sk-badges">
+            <span v-for="j in 3" :key="j" class="skeleton skeleton-square" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-if="!loading && projects.length === 0"
@@ -194,6 +211,22 @@
 }
 .list-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+/* карточка-скелет: как реальная карточка проекта — тянется на ширину */
+.list-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.list-skeleton .card-content > .skeleton-title {
+  display: block;
+  margin-bottom: 10px;
+}
+.sk-badges {
+  display: flex;
+  gap: 6px;
 }
 .project-meta {
   display: flex;
diff --git a/frontend/src/views/StackView.vue b/frontend/src/views/StackView.vue
index 59d5d32..6692ac2 100644
--- a/frontend/src/views/StackView.vue
+++ b/frontend/src/views/StackView.vue
@@ -189,6 +189,13 @@
         <GnBadge variant="accent"><i class="ph ph-circle-half" aria-hidden="true" />{{ t('home.activeCount', { n: activeCount }) }}</GnBadge>
       </template>
       <template #actions>
+        <GnLoader
+          v-if="loading && stack.length"
+          circle
+          label=""
+          :aria-label="t('common.loading')"
+          class="refresh-loader"
+        />
         <GnButton variant="primary" icon="ph-plus" @click="createOpen = true">
           {{ t('stack.newTask') }}
         </GnButton>
@@ -220,7 +227,18 @@
       </GnButton>
     </form>
 
-    <GnSkeleton v-if="loading && stack.length === 0" type="block" stack :count="3" class="stack-skeleton" />
+    <!-- Скелетон карточек стека: заголовок + строки сниппета, как в реальных -->
+    <div v-if="loading && stack.length === 0" class="stack-skeleton" aria-hidden="true">
+      <div v-for="i in 3" :key="i" class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-title" />
+          <span class="skeleton skeleton-line" style="width: 70%" />
+          <div class="sk-badges">
+            <span v-for="j in 2" :key="j" class="skeleton skeleton-square" />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <GnEmptyState
       v-if="!loading && stack.length === 0"
@@ -347,6 +365,26 @@
 }
 .stack-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+/* карточка-скелет: как реальная карточка стека — тянется на ширину */
+.stack-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.stack-skeleton .card-content > .skeleton-title {
+  display: block;
+  margin-bottom: 10px;
+}
+.stack-skeleton .card-content > .skeleton-line {
+  display: block;
+  margin-bottom: 8px;
+}
+.sk-badges {
+  display: flex;
+  gap: 6px;
 }
 .task-list {
   display: flex;
diff --git a/frontend/src/views/StatsView.vue b/frontend/src/views/StatsView.vue
index 1425f2a..af7fc6d 100644
--- a/frontend/src/views/StatsView.vue
+++ b/frontend/src/views/StatsView.vue
@@ -402,7 +402,23 @@
 
 <template>
   <section>
-    <GnSkeleton v-if="!loaded" type="block" stack :count="2" class="page-skeleton" />
+    <!-- Скелетон статистики: карточки метрик + график + события -->
+    <div v-if="!loaded" class="page-skeleton" aria-hidden="true">
+      <div class="stats-metrics">
+        <div v-for="i in 3" :key="i" class="card">
+          <div class="card-content">
+            <span class="skeleton skeleton-line" style="width: 55%" />
+            <span class="skeleton skeleton-title" />
+          </div>
+        </div>
+      </div>
+      <div class="card">
+        <div class="card-content">
+          <span class="skeleton skeleton-line" style="width: 30%" />
+          <span class="skeleton skeleton-block" />
+        </div>
+      </div>
+    </div>
 
     <template v-else>
       <GnPageHeader kicker="GNexus Tasks" :title="t('stats.title')">
@@ -411,6 +427,16 @@
             {{ periodLabel }}
           </GnBadge>
         </template>
+        <!-- Спиннер обновления: данные уже есть, статистика дотягивается -->
+        <template #actions>
+          <GnLoader
+            v-if="loading"
+            circle
+            label=""
+            :aria-label="t('common.loading')"
+            class="refresh-loader"
+          />
+        </template>
       </GnPageHeader>
 
       <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
@@ -528,6 +554,19 @@
 <style scoped>
 .page-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+/* карточки-скелеты метрик: как реальные GnMetricCard — тянутся на колонку */
+.page-skeleton .card {
+  width: 100%;
+  max-width: none;
+}
+.stats-metrics {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 12px;
 }
 /* переключатель периода + стрелки */
 .stats-toolbar {
diff --git a/frontend/src/views/TaskView.vue b/frontend/src/views/TaskView.vue
index 52c8612..00d1b95 100644
--- a/frontend/src/views/TaskView.vue
+++ b/frontend/src/views/TaskView.vue
@@ -591,7 +591,29 @@
 
 <template>
   <section>
-    <GnSkeleton v-if="loading && !task" type="block" stack :count="2" class="task-skeleton" />
+    <!-- Скелетон страницы задачи: шапка + карточки контента и сайдбара -->
+    <div v-if="loading && !task" class="task-skeleton" aria-hidden="true">
+      <span class="skeleton skeleton-title" />
+      <div class="task-grid">
+        <div class="task-main">
+          <div v-for="i in 2" :key="i" class="card">
+            <div class="card-content">
+              <span class="skeleton skeleton-line" style="width: 35%" />
+              <span class="skeleton skeleton-line" style="width: 78%" />
+              <span class="skeleton skeleton-line" style="width: 64%" />
+            </div>
+          </div>
+        </div>
+        <aside class="task-side">
+          <div v-for="i in 3" :key="i" class="card">
+            <div class="card-content">
+              <span class="skeleton skeleton-line" style="width: 45%" />
+              <span class="skeleton skeleton-line" style="width: 62%" />
+            </div>
+          </div>
+        </aside>
+      </div>
+    </div>
 
     <GnEmptyState
       v-if="!loading && notFound"
@@ -638,6 +660,14 @@
           <TaskBadges :task="task" :hide-project="true" />
         </template>
         <template #actions>
+          <!-- Спиннер обновления: данные уже есть, страница дотягивается -->
+          <GnLoader
+            v-if="loading"
+            circle
+            label=""
+            :aria-label="t('common.loading')"
+            class="refresh-loader"
+          />
           <GnDropdown :items="pageActions()">
             <template #trigger="{ toggle }">
               <GnIconButton icon="ph-dots-three" :label="t('task.actions')" :title="t('task.actions')" @click="toggle" />
@@ -1074,6 +1104,18 @@
 <style scoped>
 .task-skeleton {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.task-skeleton > .skeleton-title {
+  display: block;
+  margin-bottom: 6px;
+}
+/* карточка-скелет: как реальная карточка — тянется на ширину колонки */
+.task-skeleton .card {
+  width: 100%;
+  max-width: none;
 }
 /* шапка карточки описания: текст слева, карандаш справа в цвет заголовка */
 .desc-card .card-title {