← Все статьи

Окна во фронтенде

AI Helper теперь сам проверяет ошибки и строит панели действий

AI Helper — встроенный в JustZix ассистент, который пишет за вас CSS и JavaScript. В одной из недавних версий он получил четыре новых инструмента: с ними он сам проверяет, что код работает, и умеет строить не только правила, но и интерактивные панели действий. Этот пост объясняет, что это меняет на практике.

Проблема: код, который выглядит правильным, но не работает

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

read_temp_pane — проверка до того, как вы увидите результат

Инструмент read_temp_pane вставляет сгенерированный код в окно TEMP и проверяет его. Для JavaScript он действительно выполняет код и возвращает синхронную ошибку или подтверждение успеха; для CSS он проверяет базовый синтаксис. AI Helper делает это сам, в цикле, ещё до того, как вообще покажет вам предложение.

read_console — чтение ошибок времени выполнения

Второй инструмент, read_console, открывает окно TEMP Output Console и читает перехваченные записи console страницы — включая ошибки, которые появляются только после запуска кода. Ассистент видит то же, что вы увидели бы в DevTools, и может исправить код, прежде чем он дойдёт до вас.

create_bar и create_action — построение панелей действий

Ещё два инструмента выходят за пределы CSS и JS. create_bar создаёт панель действий, привязанную к папке, группе или набору правил, а create_action добавляет к ней действие: кнопку, выпадающий список, текстовое поле, ползунок, многострочное поле или трёхпозиционный переключатель. Так что вы можете попросить «сделай панель с ползунком размера шрифта» и получить готовую интерактивную панель — а не просто правило.

Рабочий процесс: опишите, одобрите, готово

Типичный разговор выглядит так: вы описываете, чего хотите; AI Helper изучает страницу, пишет код, сам тестирует его инструментами read_temp_pane и read_console, исправляет при сбое и в конце показывает вам готовый результат. Создание правила, панели или действия требует отдельного подтверждения в расширении — ничто не попадает в вашу библиотеку без вашего согласия.

Полный контекст в системном промпте

Чтобы ассистент верно подбирал инструменты, системный промпт получил полную картину модели данных: шесть типов действий с их полями конфигурации, плюс рекомендации, когда набор CSS/JS работает лучше интерактивной панели. Именно поэтому предложения соответствуют тому, как JustZix действительно работает, а не общему представлению о расширениях.

Выгоды

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

AI Helper настраивается в настройках с помощью ключа API OpenAI, Anthropic или Gemini — ключ остаётся на вашем устройстве. Установите JustZix и опишите ассистенту свою первую настройку.

Оцени эту статью

★ 5.0 · 2 оценок

Попробуй сам

Установи JustZix и вставь любой сниппет из этой статьи. Две минуты от нуля до работающего правила на всех твоих устройствах.

Получить JustZix

Возможности · Как это работает · Примеры · Применение