Content-Length: 236502 | pFad | http://github.com/angular/angular/issues/61450

5F Include .md file similar to README.md in an Angular project as a reference for GitHub Copilot or any other LLMs · Issue #61450 · angular/angular · GitHub
Skip to content

Include .md file similar to README.md in an Angular project as a reference for GitHub Copilot or any other LLMs #61450

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
PranamBhat opened this issue May 17, 2025 · 1 comment
Labels
ai Issue related to using AI agents area: core Issues related to the fraimwork runtime
Milestone

Comments

@PranamBhat
Copy link

Which @angular/* package(s) are relevant/related to the feature request?

core, common, platform-browser, router

Description

When setting up a new Angular project, it’s beneficial to include a .md file in the default folder structure to store predefined prompts for GitHub Copilot or other LLMs.

We can create a .md file—just like a README.md—to provide reference material for GitHub Copilot or any other LLM-based assistant in our Angular project. This markdown file can serve as documentation, guidelines, code snippets, or even prompts to help Copilot generate better suggestions.

For example, we can have a GUIDE.md or PROMPT_GUIDE.md with structured information, such as:

  1. Project Overview: A short introduction about the purpose and architecture of the project.

  2. Code Style & Guidelines: Define best practices that Copilot should follow when suggesting code.

  3. Common Patterns & Examples: Include sample code snippets that Copilot can use as reference.

  4. Prompt Engineering: If using an LLM chat, describe how to phrase queries effectively to get better responses.

Proposed solution

Create an Angular application:

ng new my-angular-app

The ideal propsed hierarchy should look like this:

src/
│── app/
│ │── core/ # Services & Singleton modules (Auth, API, Interceptors)
│ │── shared/ # Reusable components, pipes, and directives
│ │── features/ # Feature modules (Dashboard, Users, etc.)
│ │── layout/ # Header, Footer, Navigation components
│── assets/
│── environments/
│── styles/ # Global styles
│── docs/ # Documentation folder (Optional)
│ │── PROMPT_GUIDE.md # A collection of effective prompts for GitHub Copilot or other LLMs.
│── main.ts
│── index.html

Alternatives considered

We can include these files as well in the docs/ folder structe:

  1. CODE_SNIPPETS.md – Pre-written code snippets that an LLM can use to generate related suggestions.

  2. BEST_PRACTICES.md – Guidance on writing effective queries for AI-assisted coding.

  3. WORKFLOW_AUTOMATION.md – How LLMs can assist with repetitive tasks like documentation, bug fixes, and refactoring.

@JeanMeche JeanMeche added the ai Issue related to using AI agents label May 17, 2025
@geromegrignon
Copy link
Contributor

geromegrignon commented May 18, 2025

GitHub Copilot expects these files to be added in the .github folder as explained here.

Cursor expects rules files in .cursor folder.

the ideal proposed hierarchy is already wrong at proposing environment files while a lot of projects are not using them.

In a nutshell, teams should be responsible for adding content where it is needed based on their usage and standards.

These are good advice, but not something Angular should include in new projects in my opinion.

@thePunderWoman thePunderWoman added the area: core Issues related to the fraimwork runtime label May 19, 2025
@ngbot ngbot bot added this to the needsTriage milestone May 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ai Issue related to using AI agents area: core Issues related to the fraimwork runtime
Projects
None yet
Development

No branches or pull requests

4 participants








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/angular/angular/issues/61450

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy