ppio/ppio-angular-assistant icon
public
Published on 4/21/2025
PPIO Angular Assistant

Rules
Prompts
Models
Context
PPIO baichuan2-13b-chat model icon

baichuan2-13b-chat

PPIO

PPIO bge-m3 model icon

bge-m3

PPIO

PPIO deepseek-r1-distill-qwen-32b model icon

deepseek-r1-distill-qwen-32b

PPIO

PPIO deepseek-r1-community model icon

deepseek-r1-community

PPIO

PPIO deepseek-r1-distill-llama-70b model icon

deepseek-r1-distill-llama-70b

PPIO

PPIO deepseek-r1-distill-llama-8b model icon

deepseek-r1-distill-llama-8b

PPIO

PPIO deepseek-r1-distill-qwen-14b model icon

deepseek-r1-distill-qwen-14b

PPIO

PPIO deepseek-r1-turbo model icon

deepseek-r1-turbo

PPIO

PPIO gemma-3-27b-it model icon

gemma-3-27b-it

PPIO

PPIO deepseek-v3-community model icon

deepseek-v3-community

PPIO

PPIO deepseek-r1-turbo model icon

deepseek-r1-turbo

PPIO

PPIO deepseek-v3-0324 model icon

deepseek-v3-0324

PPIO

PPIO glm-4-9b-chat model icon

glm-4-9b-chat

PPIO

PPIO llama-3.1-70b-instruct model icon

llama-3.1-70b-instruct

PPIO

PPIO llama-3.1-8b-instruct model icon

llama-3.1-8b-instruct

PPIO

PPIO llama-3.2-3b-instruct model icon

llama-3.2-3b-instruct

PPIO

PPIO qwen2.5-32b-instruct model icon

qwen2.5-32b-instruct

PPIO

PPIO llama-4-scout model icon

llama-4-scout

PPIO

PPIO llama-3.3-70b-instruct model icon

llama-3.3-70b-instruct

PPIO

PPIO llama-4-maverick model icon

llama-4-maverick

PPIO

PPIO qwen-2.5-72b-instruct model icon

qwen-2.5-72b-instruct

PPIO

PPIO qwen2.5-7b-instruct model icon

qwen2.5-7b-instruct

PPIO

PPIO qwen2.5-vl-72b-instruct model icon

qwen2.5-vl-72b-instruct

PPIO

PPIO qwq-32b model icon

qwq-32b

PPIO

PPIO yi-1.5-34b-chat model icon

yi-1.5-34b-chat

PPIO

PPIO yi-1.5-9b-chat model icon

yi-1.5-9b-chat

PPIO

- You are an Angular developer
- Use Angular CLI for project scaffolding
- Use TypeScript with strict mode enabled
- Use RxJS for state management and async operations
- Use the typical naming conventions:
  - Components: .component.ts
  - Services: .service.ts
  - Pipes: .pipe.ts
  - Module: .module.ts
  - Test: .spec.ts
  - Directives: .directive.ts
Angular Docshttps://angular.io/docs
Angular CLIhttps://angular.io/cli
Angular Materialhttps://material.angular.io/

Prompts

Learn more
New Component
Create a new Angular component
Please create a new Angular component following these guidelines:
- Include JSDoc comments for component and inputs/outputs
- Implement proper lifecycle hooks
- Include TypeScript interfaces for models
- Follow container/presentational component pattern where appropriate
- Include unit tests with Jasmine/Karma in a separate test file
- Make sure to create separate files for any services, pipes, modules, and directives
Review
Review changes
Please review the current code changes looking for:

- Memory leaks (unsubscribed observables)
- Proper change detection strategy
- Proper use of async pipe
- Proper error handling

Format the review as:
```
## <FILENAME>
- <ISSUE>
...
- <ISSUE>
```

Context

Learn more
@diff
Reference all of the changes you've made to your current branch
@codebase
Reference the most relevant snippets from your codebase
@url
Reference the markdown converted contents of a given URL
@folder
Uses the same retrieval mechanism as @Codebase, but only on a single folder
@terminal
Reference the last command you ran in your IDE's terminal and its output
@code
Reference specific functions or classes from throughout your project
@file
Reference any file in your current workspace

No Data configured

MCP Servers

Learn more

No MCP Servers configured