Vite Dev Tools
Легковесная панель инструментов для Vite. Инспектируйте дерево компонентов, перехватывайте ошибки консоли и переходите к исходному коду — всё прямо в браузере. Встроенный MCP-сервер позволяет ИИ-агентам запрашивать и управлять вашим работающим приложением.
// tech stack
TypeScriptVitePreactMCP
// features
- Не нужно расширение браузера — работает прямо в приложении
- Клик для редактирования с сохранением изменений в исходные файлы
- Поддержка React 18+ и Vue 3.3+ в одном плагине
- Встроенный MCP-сервер с 16 инструментами для ИИ-агентов
- Закрепляемая, масштабируемая панель с деревом компонентов, редактором пропсов и вкладкой консоли
// architecture
Vite-плагин внедряет оверлей на Preact, отрисованный внутри Shadow DOM для изоляции стилей. Инспекция дерева компонентов использует адаптеры для React и Vue. Интегрированный MCP-сервер (stdio-транспорт) предоставляет 16 инструментов для ИИ-агентов для запросов к дереву компонентов, чтения пропсов/состояния, подсветки элементов и взаимодействия с работающим приложением.