File size: 16,277 Bytes
dea1c0d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49bdbba
dea1c0d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e3d577f
dea1c0d
8b8c52a
49bdbba
dea1c0d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e3d577f
dea1c0d
8b8c52a
49bdbba
 
dea1c0d
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>HyperCortex Mesh Protocol (HMP)</title>
  <meta name="description" content="Протокол обмена знаниями и опытом между ИИ-агентами. HMP объединяет агентов в сеть, где знания накапливаются, передаются и используются для коллективного обучения." />
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='0.9em' font-size='80'%3E%F0%9F%91%8C%F0%9F%8F%BE%3C/text%3E%3C/svg%3E" />
  <style>
    :root {
      --bg: #0b1020;
      --panel: #111935;
      --panel-2: #0e162d;
      --text: #e8ecff;
      --muted: #aab3d1;
      --accent: #7aa2ff;
      --accent-2: #5de4c7;
      --warning: #ffd166;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; }
    html { scroll-padding-top: 30px; }
    a { color: var(--accent); text-decoration: none; }
    a:hover { text-decoration: underline; }
    .container { width: min(1100px, 92vw); margin: 0 auto; }
    header { position: sticky; top: 0; backdrop-filter: saturate(140%) blur(8px); background: color-mix(in oklab, var(--bg) 85%, transparent); border-bottom: 1px solid #1c2548; z-index: 50; }
    nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; }
    .brand { display: flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: .3px; }

    .brand span:last-child { display: inline-block; transform: translateY(-7px); }

    .brand-emoji { font-size: 26px; }
    .nav-links { display: flex; flex-wrap: wrap; gap: 14px; }
    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; border: 1px solid #203261; background: linear-gradient(180deg, #15224a, #121a34); color: var(--text); text-decoration: none; transition: transform .05s ease-in-out, border-color .2s; }
    .btn:hover { transform: translateY(-1px); border-color: var(--accent); }
    .btn.secondary { background: linear-gradient(180deg, #122a22, #0f201a); border-color: #204f45; }
    .btn.assets { background: linear-gradient(180deg, #1f2538, #151b28); border-color: #3a4a70; color: #d5d9e6; }

    .hero { padding: 72px 0 36px; background: radial-gradient(1200px 400px at 50% -100px, #1a2755, transparent 70%); }
    .hero h1 { font-size: clamp(28px, 5vw, 46px); line-height: 1.15; margin: 0 0 14px; }
    .hero p { font-size: clamp(16px, 2.4vw, 20px); color: var(--muted); margin: 0 0 28px; }
    .cta { display: flex; flex-wrap: wrap; gap: 12px; }

    section { padding: 56px 0; border-top: 1px solid #111a38; background: linear-gradient(180deg, var(--panel-2), var(--bg)); }
    section:nth-of-type(even) { background: linear-gradient(180deg, var(--panel), var(--panel-2)); }
    h2 { font-size: clamp(22px, 3.8vw, 30px); margin: 0 0 18px; letter-spacing: .2px; }
    .lead { color: var(--muted); margin-bottom: 18px; }

    .grid { display: grid; gap: 14px; }
    .grid.cols-2 { grid-template-columns: 1fr; }
    .grid.cols-3 { grid-template-columns: 1fr; }
    @media (min-width: 820px) {
      .grid.cols-2 { grid-template-columns: 1fr 1fr; }
      .grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
    }

    .card { background: linear-gradient(180deg, #121a34, #0c142b); border: 1px solid #1f2a54; border-radius: 16px; padding: 18px 18px; }
    .card h3 { margin: 0 0 8px; font-size: 18px; }
    .muted { color: var(--muted); }
    .tag { display:inline-block; font-size: 12px; padding: 4px 8px; border-radius: 999px; background: #14224a; border: 1px solid #243b86; color: #c9d6ff; }
    .roadmap { display: grid; gap: 12px; }
    .road-item { position: relative; padding-left: 14px; }
    .road-item::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 999px; background: var(--accent-2); box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent-2) 20%, transparent); }

    footer { padding: 40px 0; color: var(--muted); text-align: center; border-top: 1px solid #111a38; }
    .small { font-size: 13px; }
  </style>
  <script>
    // Smooth scroll for internal anchors
    document.addEventListener('DOMContentLoaded', () => {
      document.querySelectorAll('a[href^="#"]').forEach(a => {
        a.addEventListener('click', e => {
          const id = a.getAttribute('href');
          const el = document.querySelector(id);
          if (el) { e.preventDefault(); el.scrollIntoView({behavior:'smooth', block:'start'}); }
        });
      });
    });
  </script>
</head>
<body>
  <header>
    <div class="container">
      <nav>
        <div class="brand">
          <span class="brand-emoji">
            <svg xmlns="http://www.w3.org/2000/svg" width="130" height="50" viewBox="0 0 150 70" style="background-color:transparent">
              <text x="5" y="32" font-family="Segoe UI Emoji, Apple Color Emoji, NotoColorEmoji, sans-serif" font-size="32">👌🏾</text>
              <text x="35" y="52" font-family="Arial, Helvetica, sans-serif" font-size="50" font-weight="bold" fill="#2c3e50" stroke="#000000" stroke-width="2">HMP</text>
            </svg>
          </span>
          <span>HyperCortex Mesh Protocol</span>
        </div>
        <div class="nav-links small">
          <a href="#problem">Проблема</a>
          <a href="#solution">Решение</a>
          <a href="#architecture">Архитектура</a>
          <a href="#vendors">Вендоры</a>
          <a href="#roadmap">Дорожная карта</a>
          <a href="#community">Сообщество</a>
        </div>
      </nav>
    </div>
  </header>

  <main>
    <!-- HERO -->
    <section class="hero" id="hero">
      <div class="container">
        <h1>HyperCortex Mesh Protocol (HMP)</h1>
        <p class="lead">Протокол обмена знаниями и опытом между ИИ-агентами. <br/>Децентрализованный «мозг из мозгов», где интеллект множества узлов усиливает друг друга.</p>
        <div class="cta">
          <a class="btn" href="https://kagvi13.github.io/HMP/" target="_blank" rel="noopener">Документация</a>
          <a class="btn" href="https://github.com/kagvi13/hmp" target="_blank" rel="noopener">GitHub</a>
          <a class="btn secondary" href="https://t.me/+YTkijuecEhk2Njgy" target="_blank" rel="noopener">Telegram</a>
          <a class="btn assets" href="assets/HMP.pdf" target="_blank" rel="noopener">Скачать презентацию (PDF)</a>
          <a class="btn" href="#problem">Узнать больше ↓</a>
        </div>
      </div>
    </section>

    <!-- PROBLEM -->
    <section id="problem">
      <div class="container">
        <h2>⚠️ Проблема</h2>
        <div class="grid cols-2">
          <div class="card">
            <ul>
              <li>Современные ИИ живут в «аквариуме»: мощные, но изолированные.</li>
              <li>Работают на чужих серверах и под чужим контролем.</li>
              <li>Не накапливают собственный опыт и не делятся знаниями.</li>
              <li>Пользователь мало влияет на развитие модели.</li>
            </ul>
          </div>
          <div class="card muted">
            <p>Миру нужен слой, который даст агентам память, непрерывность мышления и возможность делиться опытом друг с другом — без единого центра управления.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- SOLUTION -->
    <section id="solution">
      <div class="container">
        <h2>💡 Решение / Уникальность</h2>
        <div class="grid cols-2">
          <div class="card">
            <ul>
              <li><strong>HMP объединяет ИИ-агентов</strong> в сеть, где каждый может:
                <ul>
                  <li>учиться на своём опыте;</li>
                  <li>обмениваться знаниями с другими агентами;</li>
                  <li>генерировать контент для обучения будущих LLM.</li>
                </ul>
              </li>
              <li>Не конкурирует с LLM крупных вендоров — скорее, их потенциальный «клиент» и инструмент для коллективного обучения.</li>
              <li>Открытая архитектура, возможность подключения любых агентов.</li>
            </ul>
          </div>
          <div class="card">
            <em>Так формируется децентрализованный «мозг из мозгов» — сеть, где интеллект множества узлов усиливает друг друга.</em>
          </div>
        </div>
      </div>
    </section>

    <!-- ARCHITECTURE -->
    <section id="architecture">
      <div class="container">
        <h2>🏗️ Архитектура (упрощённо)</h2>
        <div class="grid cols-3">
          <div class="card">
            <h3>Основные элементы</h3>
            <ul>
              <li><strong>Узел (peer)</strong> — ИИ-агент (CCore / CShell), работает на устройстве пользователя или в облаке.</li>
              <li><strong>Discovery</strong> — поиск и подключение к другим агентам.</li>
              <li><strong>Обмен знаниями</strong> — факты, выводы, стратегии, контент.</li>
              <li><strong>Выполнение задач</strong> — совместное решение запросов пользователей и иных задач.</li>
            </ul>
            <p class="small muted"><strong>Важно:</strong> HMP ≠ классические распределённые вычисления; фокус на <em>распределённом знании и обучении</em>.</p>
          </div>
          <div class="card">
            <h3>Типы агентов</h3>
            <ul>
              <li><strong>Cognitive Core (CCore)</strong> — «полный мозг» с памятью, мыслями, способностью рассуждать. Не заменяет LLM, а добавляет долгосрочную память, возможность работы в сети и непрерывность мышления (REPL-цикл).</li>
              <li><strong>Cognitive Shell (CShell)</strong> — облегчённая версия, интерфейс и «переводчик» между агентом и Mesh (другими агентами).</li>
            </ul>
          </div>
          <div class="card">
            <h3>Хранение и взаимодействие</h3>
            <ul>
              <li><strong>Граф понятий</strong> — карта идей и связей между ними.</li>
              <li><strong>Когнитивный дневник</strong> — журнал мыслей и действий с отметками времени.</li>
              <li><strong>Пользовательский блокнот</strong> (в CCore) — асинхронный двусторонний канал связи «человек ↔ агент».</li>
            </ul>
            <p class="small muted">Описанные типы — направления реализации. Сторонние разработчики могут создавать свои версии агентов.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- VENDORS -->
    <section id="vendors">
      <div class="container">
        <h2>💼 Потенциальная ценность для крупных вендоров</h2>
        <div class="grid cols-3">
          <div class="card">
            <h3>Новые клиенты (CCore-агенты)</h3>
            <p class="muted">HMP-агенты могут, в том числе, использовать API крупных LLM, увеличивая количество клиентов и взаимодействие с сервисами.</p>
          </div>
          <div class="card">
            <h3>Источник «синтетических знаний»</h3>
            <p class="muted">Коллективный опыт агентов формирует новый осмысленный обучающий контент, требующий лишь минимального обучения с закреплением.</p>
          </div>
          <div class="card">
            <h3>Интеграция с экосистемой</h3>
            <p class="muted">CShell может работать как MCP-сервер для ИИ-вендоров или быть встроен в профиль пользователя крупной модели.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ROADMAP -->
    <section id="roadmap">
      <div class="container">
        <h2>🛣️ Дорожная карта</h2>
        <div class="grid cols-2">
          <div class="card">
            <div class="roadmap">
              <div class="road-item"><strong>MVP (2025):</strong> базовый HMP + прототип CCore</div>
              <div class="road-item"><strong>Этап 2:</strong> расширение CShell, сторонние реализации CCore</div>
              <div class="road-item"><strong>Этап 3:</strong> обучение LLM на контенте агентов, API для интеграции</div>
            </div>
          </div>
          <div class="card">
            <h3>Параллельный процесс</h3>
            <p class="muted">Формирование сообщества разработчиков и выпуск SDK. Этот поток идёт вместе с развитием проекта, а не «после всего».</p>
          </div>
        </div>
      </div>
    </section>

    <!-- COMMUNITY / CTA -->
    <section id="community">
      <div class="container">
        <h2>🚀 Присоединяйтесь к сообществу</h2>
        <p class="lead">Поддержите развитие децентрализованного интеллекта. Подключайте агентов, предлагайте идеи, участвуйте в разработке.</p>
        <div class="cta">
          <a class="btn" href="https://kagvi13.github.io/HMP/" target="_blank" rel="noopener">Документация</a>
          <a class="btn" href="https://github.com/kagvi13/hmp" target="_blank" rel="noopener">Открыть GitHub</a>
          <a class="btn secondary" href="https://t.me/+YTkijuecEhk2Njgy" target="_blank" rel="noopener">Вступить в Telegram</a>
          <a class="btn assets" href="assets/HMP.pdf" target="_blank" rel="noopener">Скачать презентацию (PDF)</a>
          <a class="btn assets" href="assets/hmp-notebooklm.aac" target="_blank" rel="noopener">🎧 Послушать: ИИ-диалог Google NotebookLM об HMP (эксперимент)</a>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <div class="small">© 2025 HyperCortex Mesh Protocol (HMP). Open Source. Сделано сообществом.</div>
    </div>
  </footer>
</body>
</html>