Как я за 30 минут собрал шаблон развития на 50 узлов — и почему отдал код в open source

Привет. Меня зовут Юрий, я инженер-программист. Последние годы я делал веб-приложение MySkillsOrganizer — визуальный холст для карты целей и навыков. А недавно добавил в него импорт шаблонов из JSON-файлов, и это изменило всё.

Расскажу, как это работает, почему я выложил проект в open source, и при чём тут идея, которая не даёт мне спать спокойно.

Несколько лет назад я понял простую вещь: самый ценный продукт моей работы — не код, который я пишу, а я сам, каким я становлюсь в процессе. Знания, умения, способность видеть связи, которые раньше не видел.

Но как это отследить? Как увидеть, что ты растёшь, а не просто закрываешь тикеты?

Я начал делать инструмент, который визуализирует этот рост. Не как список задач, а как древо: узлы — навыки и цели, стрелки — зависимости между ними. Ты видишь, с какого фундамента ты растёшь, куда можешь пойти дальше, и что уже преодолел.

Создавать древо из 50 узлов вручную — это 3–4 часа кликов. Расставить координаты, прописать зависимости, заполнить описания. Я делал шаблоны «Инженер РЗА» и «Protective Relaying Engineer» — и каждый раз думал: кто ещё будет это терпеть?

Потом я добавил импорт шаблонов по ID — чтобы делиться готовыми древами. Но это всё ещё не решало главную проблему: создать свой шаблон с нуля было слишком дорого по времени.

Недавно я добавил кнопку «Импорт из JSON-файла». Теперь процесс выглядит так:

▸ Вы пишете в любом текстовом редакторе список тем и связей. Без JSON, без координат — просто своими словами.

▸ Пропускаете этот текст через ChatGPT / Claude / Gemini с коротким промптом (я даю готовый в документации).

▸ Нейросеть возвращает аккуратный JSON.

▸ Загружаете файл в MySkillsOrganizer одним кликом.

▸ Через 10 секунд на холсте — готовое древо с узлами и стрелками.

Всё. Вместо 4 часов — 30 минут. И большая часть этого времени — осмысленная работа над содержанием, а не рутина расстановки кружочков.

Всё, что я описал выше — это практическая иллюстрация одной идеи. Я называю её HumanBuilding (HB).

Суть простая: главный продукт любой деятельности — не внешняя вещь, а сам человек, его развитие. Прибыль, товары, услуги — это условия, а не цели. Цель — рост способностей, целостности и гуманизма.

Я написал об этом монографию (ссылка в конце). Там много теории — про историю культуры, про то, как капитализм превратил нас в «одномерных людей», про то, почему без осознанного HB мы рискуем повторить судьбу острова Пасхи, только в масштабах планеты.

Но сейчас не об этом. Сейчас — про практику.

Я делал этот проект через войну. Мой дом в Мариуполе сгорел в 2022 году вместе со всем городом. Мы с семьёй выжили чудом, оказались в Ставрополе, и последние годы я восстанавливал жизнь с нуля — документы, жильё, работа.

Старая версия MySkillsOrganizer умерла, когда Google отключил оплату из России. Я восстановил проект на Supabase, перенёс данные, добавил импорт из JSON — и понял, что я это дальше не потяну.

Поэтому я выложил всё в open source под MIT. Форкайте, переделывайте, используйте. Если вы разработчик — возьмите тикет. Если педагог — сделайте шаблон для своего курса. Если философ — напишите шаблон «Путь к целостному мировоззрению».

Таким образом я предлагаю отправную точку — для вашего собственного проекта, для вашего собственного развития, для вашего собственного видения того, каким может быть инструмент человеческого роста.

▸ Доработать и применить макет чистового дизайна (могу предоставить заготовки)

▸ Экспорт шаблона в JSON (редактирование в LLM → повторный импорт)

▸ Интеграция с API российских LLM (YandexGPT, GigaChat, VK Cloud Models)

▸ Визуальный редактор с drag-and-drop

▸ Мобильная версия (адаптивность)

▸ Даты ранних и поздних сроков старта и окончания реализации цели

▸ Доработать онбординг (тур по обучающим подсказкам)

▸ Добавить REST API статистики (возможность наблюдения за динамикой прогресса пользователя и коллектива, точного таргетирования предложений на основе целей)▸ обновление элементов технологического стека (фреймворк Vue2 -> Vue3)

▸ автономность и синхронизация (архитектура SPA -> PWA)

▸ Репозиторий: https://github.com/tyaa10/my-skills-organizer-supabase

▸ Демо: https://my-skills-organizer-supabase.vercel.app/

▸ Монография HumanBuilding (PDF, ~350 стр.)

▸ Группа «HB (HumanBuilders)»: https://vk.com/humanbuilders

Пожалуйста, напишите в комментариях, что думаете.

P.S. Если вы дочитали до сюда — спасибо. Это значит, что где-то внутри вас тоже есть та самая «искра», которую нельзя погасить ни войной, ни выгоранием, ни чем угодно. Берегите её.