ReddRadar
Agent skill
angular-modern-apis
Guidelines for using modern Angular APIs (signals, inject, control flow)
Install this agent skill to your Project
npx add-skill https://github.com/mgechev/skillgrade/tree/main/examples/angular-modern
SKILL.md
Angular Modern APIs
This skill describes the mandatory coding standards for Angular components in our codebase.
Rules
All Angular components must follow these rules:
- Use signal-based inputs — Use
input()andoutput()instead of@Input()and@Output()decorators - Use
inject()for DI — Useinject()function instead of constructor parameter injection - Use built-in control flow — Use
@if,@for,@switchinstead of*ngIf,*ngFor,*ngSwitch
Examples
Signal inputs (correct)
import { Component, input, output } from '@angular/core';
@Component({ ... })
export class UserProfileComponent {
name = input.required<string>();
age = input(0);
saved = output<void>();
}
inject() for DI (correct)
import { Component, inject } from '@angular/core';
import { UserService } from './user.service';
@Component({ ... })
export class UserProfileComponent {
private userService = inject(UserService);
}
Built-in control flow (correct)
@if (user()) {
<h1>{{ user().name }}</h1>
} @else {
<p>No user found</p>
}
@for (item of items(); track item.id) {
<li>{{ item.name }}</li>
}
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
mgechev/skillgrade
superlint
mgechev/skillgrade
skillgrade-graders
Authors deterministic and LLM rubric graders for skillgrade evaluations. Use when creating scoring scripts, writing evaluation rubrics, or combining multiple graders with weighted scoring. Don't use for setting up eval pipelines, configuring eval.yaml defaults, or general test writing.
mgechev/skillgrade
skillgrade-setup
Sets up and runs skillgrade evaluation pipelines for Agent Skills. Use when initializing eval configurations, running trials, reviewing results, or integrating with CI. Don't use for writing grader scripts, general test authoring, or non-agentic documentation.
mgechev/skills-best-practices
skill-creator
Authors and structures professional-grade agent skills following the agentskills.io spec. Use when creating new skill directories, drafting procedural instructions, or optimizing metadata for discoverability. Don't use for general documentation, non-agentic library code, or README files.
davila7/claude-code-templates
verl-rl-training
Provides guidance for training LLMs with reinforcement learning using verl (Volcano Engine RL). Use when implementing RLHF, GRPO, PPO, or other RL algorithms for LLM post-training at scale with flexible infrastructure backends.
davila7/claude-code-templates
openrlhf-training
High-performance RLHF framework with Ray+vLLM acceleration. Use for PPO, GRPO, RLOO, DPO training of large models (7B-70B+). Built on Ray, vLLM, ZeRO-3. 2× faster than DeepSpeedChat with distributed architecture and GPU resource sharing.
Didn't find tool you were looking for?