Фронтенд-архитектура плагина WP Rocket

★ 6.9 · web-development

Фронтенд-архитектура плагина — это скилл для Claude Code, который задаёт правила написания и изменения JavaScript, CSS и Twig-шаблонов в админ-панели WP Rocket. Берут, когда нужно добавить новую настройку в интерфейс плагина, переработать стили страницы параметров, подключить новый JS-модуль или разобраться, почему нельзя вешать обработчики через onclick. Скилл охватывает: запрет jQuery — только нативные DOM API; запрет inline-обработчиков — только addEventListener; запрет небезопасного innerHTML — только textContent или createElement; делегирование событий для динамически подгружаемого контента. Шаблоны лежат в views/, скрипты в assets/js/, стили в assets/css/. Данные из PHP передаются в JS через wp_localize_script, nonce-токены только через локализацию, никаких жёстко прописанных значений. Новые точки входа регистрируются через Subscriber. AJAX-запросы — fetch с nonce для REST, wp.ajax для legacy admin-ajax.php; ошибки обрабатываются явно. Направление — управление фронтендом существующего плагина WP Rocket, а не произвольная WordPress-разработка с нуля. Подойдёт командам, поддерживающим или расширяющим WP Rocket; не подходит, если проект не связан с этим плагином.