awesome-copilot/collections/frontend-web-dev.md
Kristiyan Velkov 4e6f104c80
Update react frontend engineer chat mode (#392)
* [feat] update react frontend engineer chatmode

* [feat] update readme file

---------

Co-authored-by: kristiyan.velkov <kristiyan.velkov@ffw.com>
2025-11-12 10:02:10 +11:00

10 KiB

Frontend Web Development

Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.

Tags: frontend, web, react, typescript, javascript, css, html, angular, vue

Items in this Collection

Title Type Description
Angular Development Instructions
Install in VS Code
Install in VS Code Insiders
Instruction Angular-specific coding standards and best practices
Code Generation Guidelines
Install in VS Code
Install in VS Code Insiders
Instruction Guidelines for writing Node.js and JavaScript code with Vitest testing
Electron Code Review Mode Instructions
Install in VS Code
Install in VS Code Insiders
Chat Mode 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.
Expert React Frontend Engineer
Install in VS Code
Install in VS Code Insiders
Chat Mode Expert React 19.2 frontend engineer specializing in modern hooks, Server Components, Actions, TypeScript, and performance optimization
Next.js + Tailwind Development Instructions
Install in VS Code
Install in VS Code Insiders
Instruction Next.js + Tailwind development standards and instructions
Next.js Best Practices for LLMs (2025)
Install in VS Code
Install in VS Code Insiders
Instruction No description
ReactJS Development Instructions
Install in VS Code
Install in VS Code Insiders
Instruction ReactJS development standards and best practices
TanStack Start with Shadcn/ui Development Guide
Install in VS Code
Install in VS Code Insiders
Instruction Guidelines for building TanStack Start applications
Test Generation with Playwright MCP
Install in VS Code
Install in VS Code Insiders
Prompt Generate a Playwright test based on a scenario using Playwright MCP
VueJS 3 Development Instructions
Install in VS Code
Install in VS Code Insiders
Instruction VueJS 3 development standards and best practices with Composition API and TypeScript
Website Exploration for Testing
Install in VS Code
Install in VS Code Insiders
Prompt Website exploration for testing using Playwright MCP

This collection includes 11 curated items for Frontend Web Development.