awesome-copilot/collections/frontend-web-dev.md
Copilot dfe63f4542
Implement Collections feature for grouping related prompts, instructions, and chat modes (#232)
* Initial plan

* Implement core Collections feature with YAML parsing and README generation

Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>

* Complete Collections feature implementation with validation, tooling, and documentation

Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>

* Update generated README files to include collections instructions

* Fix YAML parsing logic bug: replace impossible condition with proper indentation check

Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>

* Refactor: Extract YAML parser to shared module and improve user experience

Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>

* fixing task and file permissions

* Better args handling

* Adding some more collections

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: aaronpowell <434140+aaronpowell@users.noreply.github.com>
Co-authored-by: Aaron Powell <me@aaron-powell.com>
2025-09-17 10:15:34 +10: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 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.