CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular-directives-pipes

Build custom Angular attribute directives, HostDirectives, and pure pipes. Use for Angular directive or pipe implementation, including custom attribute directives; defer React/CSS middleware and unrelated framework work.

64

Quality

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

63%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is well-structured with good progressive disclosure, but is dragged down by broken markdown fragments ("not set pure: false", "not with @HostBinding" read as garbled text), a redundant verbatim-repetition anchors section, and the absence of any complete executable code example in the body itself. These are fixable presentation issues rather than structural ones.

Suggestions

Fix the broken fragments — e.g. "** not set pure: false**" (lines 22, 28) and "these decorators deprecated patterns" (line 32) — so they read as complete sentences like "Do not set pure: false" and "these decorators are a deprecated pattern".

Remove the "Canonical response anchors" section or fold its phrases into the body; it repeats "cache results", "host: {} object", and "not with @HostBinding" verbatim without adding guidance.

Include one complete, copy-paste-ready pipe or directive example in the body (full transform() implementation, full host: {} directive class) instead of only inline fragments, and either make the "Signal Inputs" line actionable (e.g. `input()` usage in a directive) or delete it.

DimensionReasoningScore

Conciseness

The body is mostly lean, but the "Canonical response anchors" section repeats phrases verbatim from the body ("cache results", "host: {} object", "imports array", "not set pure: false", "not with @HostBinding") adding no new information, and "Directives and Pipes support signal inputs" states a fact Claude already knows. Mostly efficient with some padding that could be tightened, matching anchor 3 rather than anchor 4's minor trims.

3 / 5

Actionability

Concrete fragments exist ("@Pipe({ name: 'truncate', standalone: true, pure: true })", "transform(value: string, limit = 50)", "'(mouseenter)': 'show()'"), but the body contains no complete, executable directive or pipe example — the only full example is in references/composition.md and even that elides the class body with `{ ... }`. Incomplete concrete guidance matches anchor 3; anchor 4 requires concrete code with only minor gaps.

3 / 5

Workflow Clarity

This is a single-purpose guidance skill organized into Principles, Guidelines, and Anti-Patterns, so the simple-skill exception applies and the core task (implement standalone directives/pipes with host: {} and pure pipes) is unambiguous. It falls short of 5 because garbled fragments ("** not set pure: false**", "these decorators deprecated patterns") and the vague signal-inputs line leave minor clarity gaps; no validation steps are needed as no destructive or batch operations are involved.

4 / 5

Progressive Disclosure

The ~30-line body is well-sectioned with a clearly signaled, one-level-deep reference — [Composition](references/composition.md) — which exists as a real, focused 29-line file. Content is appropriately split with easy navigation, matching the under-50-lines well-organized exception and anchor 5.

5 / 5

Total

15

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is strong: concrete capabilities, an explicit 'Use for' trigger clause, and an unusual but useful deferral boundary that lowers conflict risk. The only weakness is moderate synonym coverage in its trigger terms.

DimensionReasoningScore

Specificity

"Build custom Angular attribute directives, HostDirectives, and pure pipes" lists multiple specific concrete actions covering directive and pipe implementation comprehensively within its stated scope. It exceeds anchor 4 because there are no minor gaps in coverage of the domain it claims.

5 / 5

Completeness

It clearly answers "what" ("Build custom Angular attribute directives, HostDirectives, and pure pipes") and explicitly answers "when" with the concrete trigger clause "Use for Angular directive or pipe implementation, including custom attribute directives". Both are explicit and concrete, matching anchor 5; it is not anchor 4 because the when-clause is specific rather than generic.

5 / 5

Trigger Term Quality

"Angular directive or pipe implementation" and "custom attribute directives" are natural phrases users would say, but common variations and synonyms (e.g. "Angular pipes", "transform", file extensions like .directive.ts) are missing from the description. Good coverage, not comprehensive, so anchor 4 rather than 5.

4 / 5

Distinctiveness Conflict Risk

The niche (Angular directives/pipes) is distinct and the negative boundary "defer React/CSS middleware and unrelated framework work" further reduces wrong-skill triggering. Minimal conflict risk, matching anchor 5; anchor 4 would require some residual overlap with closely related skills, which the deferral clause addresses.

5 / 5

Total

19

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

14

/

16

Passed

Repository

HoangNguyen0403/agent-skills-standard

Path

skills/angular/angular-directives-pipes/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.