xDevPicker

xDevPicker — пикер элементов для фронта в духе DevTools-инспектора Chrome.

Редактировать визуал в MODX 3 ещё никогда не было так легко! Просто зажми Shift + Alt и тыкни в любой элемент на странице – откроется модалка с редактированием чанка/шаблона/сниппета.

Больше не нужно лезть и искать нужный чанк в наваленной куче других чанков в админке, параллельно открывая 200+ чанков для отладки визуала на фронте!

Честно скажу, разработал его не я, это всё aiAssist на модели GPT 5.5…

.

Как работает

Всё очень просто:

– Зажал Shift + Alt (либо нажал кнопку с прицелом внизу),
– Навёл на любой кусок страницы, видишь подсветку и имя чанка/шаблона/сниппета,
– Кликнул – открылась модалка с исходником,
– Поправил, сохранил, перезагрузил.

.

Кто автор

Формально я, но… Идею я просто закинул в aiAssist – AI-агенту, который живёт у меня в админке MODX 3. Дальше он всё сам, я просто наблюдал за процессом.

С меня – идея, с него – техническая реализация. Ну и, конечно, волшебный системный промпт, встроенный в aiAssist, контекст которого во многом и даёт тот самый результат. Я вложил в него свой многолетний опыт разработки сайтов и приложений на MODX. Без этих инструкций даже флагманские модели с MODX, мягко говоря, работают не лучшим образом.

Кстати, скоро эта фича из xDevPicker будет встроена прямо в чат aiAssist — можно будет буквально путешествовать по фронтенду, тыкать в элементы и сразу командовать агенту, что именно нужно исправить на сайте…