awesome-copilot/collections/frontend-web-dev.md

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 Mode Instructions
Install in VS Code
Install in VS Code Insiders
Chat Mode Provide expert React frontend engineering guidance using modern TypeScript and design patterns.
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.