Claude-skill-registry Components

Name: Components
Author: majiayu000

Standards for Standalone Components, Signals inputs, and Control Flow.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/components" ~/.claude/skills/majiayu000-claude-skill-registry-components && rm -rf "$T"

manifest: skills/data/components/SKILL.md

Angular Components

Priority: P0 (CRITICAL)

Principles

Standalone:
```
standalone: true
```
. Import dependencies directly in
```
imports
```
array.
Signal Inputs: Use
```
input()
```
and
```
input.required()
```
instead of
```
@Input()
```
.
Signal Outputs: Use
```
output()
```
(from v17.3+) instead of
```
@Output() EventEmitter
```
.
Control Flow: Use
```
@if
```
,
```
@for
```
,
```
@switch
```
block syntax instead of
```
*ngIf
```
,
```
*ngFor
```
.
View Encapsulation: Default
```
Emulated
```
. Use
```
None
```
carefully.

Signals Integration

Use
```
computed()
```
for derived state.
Use
```
effect()
```
strictly for side effects (logging, manual DOM manipulation), NEVER for state propagation.

Anti-Patterns

Complex Logic in Template: Call a method or use a
```
computed
```
signal.
Direct DOM Access: Avoid
```
ElementRef.nativeElement
```
modification. Use Directives or Renderer2.
Component Inheritance: Prefer Composition (Directives, Services) over Class Inheritance.