frontend-web-dev — плагин для GitHub Copilot: функции и установка
Плагин добавляет в GitHub Copilot поддержку Playwright MCP и двух агентов под фронтенд. Пригодится для тестов интерфейса и работы с React 19.2.
copilot plugin install frontend-web-dev@awesome-copilotЧто делает frontend-web-dev
Плагин расширяет GitHub Copilot слэш-командами для тестирования и специализированными субагентами. В комплект входят две команды: /frontend-web-dev:playwright-explore-website для осмотра страниц и /frontend-web-dev:playwright-generate-test для генерации тестов по готовым сценариям. Обе команды работают через Playwright MCP.
Для кодинга предусмотрено два агента. Субагент expert-react-frontend-engineer помогает писать на React 19.2 с упором на Server Components и Actions в TypeScript. Второй режим, electron-angular-native, проводит ревью десктопных программ на Electron с логикой на Node.js и Angular. Внешние сервисы из других репозиториев он намеренно игнорирует.
Ставить плагин стоит тем, кто пишет тесты через Playwright MCP или держит сложные проекты на связке Electron и Angular. Если стек другой, набор команд окажется бесполезным.
Какие задачи решает
- исследовать веб-страницы через Playwright MCP
- генерировать тесты Playwright по готовым сценариям
- писать компоненты для React 19.2 с Server Components и Actions
- проверить код гибридного приложения на Electron и Angular
Примеры запросов агенту
- /frontend-web-dev:playwright-generate-test напиши сценарий авторизации пользователя
- /frontend-web-dev:playwright-explore-website изучи форму оформления заказа
- @expert-react-frontend-engineer обнови форму с использованием Actions из React 19.2
Как установить frontend-web-dev
Команда из источника
copilot plugin install frontend-web-dev@awesome-copilotИз того же набора554
Весь набор →Вопросы о frontend-web-dev
Как установить frontend-web-dev в GitHub Copilot?
Установите плагин через терминал командой copilot plugin install frontend-web-dev@awesome-copilot.
Что умеет плагин frontend-web-dev?
Он добавляет слэш-команды для сценариев Playwright MCP и двух агентов. Инструменты ориентированы на React 19.2 и архитектуру приложений на Electron с Angular.
Что требуется для запуска тестов?
Для генерации тестов и исследования страниц необходимо предварительно настроить Playwright MCP.
Исходный текст
frontend-web-dev · MIT
# Frontend Web Development Plugin Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks. ## Installation ```bash # Using Copilot CLI copilot plugin install frontend-web-dev@awesome-copilot ``` ## What's Included ### Commands (Slash Commands) | Command | Description | |---------|-------------| | `/frontend-web-dev:playwright-explore-website` | Website exploration for testing using Playwright MCP | | `/frontend-web-dev:playwright-generate-test` | Generate a Playwright test based on a scenario using Playwright MCP | ### Agents | Agent | Description | |-------|-------------| | `expert-react-frontend-engineer` | Expert React 19.2 frontend engineer specializing in modern hooks, Server Components, Actions, TypeScript, and performance optimization | | `electron-angular-native` | Code Review Mode tailored for Electron app with Node.js backend (main), Angular frontend (render), and native integration layer (e.g., AppleScript, shell, or native tooling). Services in other repos are not reviewed here. | ## Source This plugin is part of [Awesome Copilot](https://github.com/github/awesome-copilot), a community-driven collection of GitHub Copilot extensions. ## License MIT
© Awesome Copilot Community · MIT · github/awesome-copilot
