CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular-developer

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

70

Quality

88%

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

85%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 a well-structured overview: an unambiguous ng new decision procedure with commands and fallbacks, a mandatory build-validation feedback loop, concrete anti-pattern corrections, and clean one-level-deep navigation to a complete 35-file reference bundle. The only trimmable weight is the 'When to Activate' section, which repeats the description's trigger list.

DimensionReasoningScore

Conciseness

The body assumes Angular competence and skips concept tutorials — e.g., the Components section is pure topic-to-reference mapping ('Inputs: Signal-based inputs, transforms, and model inputs. Read inputs.md'). It is not a 5 because the 'When to Activate' bullet list substantially duplicates the frontmatter description's triggers, adding tokens without new guidance.

4 / 5

Actionability

Concrete, executable guidance is present: exact commands ('npx @angular/cli@<requested_version> new <project-name>', 'ng version', 'ng build') and precise anti-pattern corrections ('form.field().valid() — use form.field().valid()', 'let outerIdx = $index'). Not a 5 because most sections are pointers to references rather than inline specifics, leaving minor gaps before consulting the bundled files.

4 / 5

Workflow Clarity

The ng new procedure is a clearly sequenced 3-step conditional decision tree with explicit commands and a fallback probe ('IF the ng version command fails... use npx'), and the code-generation workflow includes an explicit validation feedback loop: 'run ng build to ensure there are no build errors. If there are errors, analyze the error messages and fix them before proceeding. Do not skip this step.' This matches anchor 5's clear sequence with explicit validation and error-recovery loop.

5 / 5

Progressive Disclosure

The body is a lean overview that splits all detail into 35 real, one-level-deep reference files, each clearly signaled with a descriptive label and labeled link ('Dependent State (linkedSignal): Creating writable state linked to source signals. Read linked-signal.md'), and the bundle listing confirms every referenced path exists with no nested references. Anchor 5's 'clear overview with well-signaled one-level-deep references' is the best fit.

5 / 5

Total

18

/

20

Passed

Description

87%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.

A strong description: it states what the skill does and when to trigger it with a comprehensive, Angular-specific keyword list in third person. Minor improvements possible by replacing the generic 'provides architectural guidance' phrase and adding a few missing natural trigger terms (directives, pipes, guards).

DimensionReasoningScore

Specificity

Quotes 'Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR...' — names the domain and several concrete actions (generating projects, components, services) with specific technology areas. It falls short of anchor 5 because 'provides architectural guidance' is generic and the enumerated topics are areas rather than additional concrete actions.

4 / 5

Completeness

Both parts are explicit: the 'what' is 'Generates Angular code and provides architectural guidance' and the 'when' is 'Trigger when creating projects, components, or services, or for best practices on...' with concrete trigger phrases. This matches anchor 5 ('clearly and explicitly answers both what AND when with concrete trigger phrases') rather than anchor 4, whose 'when' is less specific.

5 / 5

Trigger Term Quality

Natural terms are well covered: 'creating projects, components, or services', 'signals, linkedSignal, resource', 'forms', 'dependency injection', 'routing', 'SSR', 'ARIA', 'Tailwind CSS', 'testing'. A few common variations are missing (e.g., directives, pipes, guards, hydration, standalone components), so it sits between anchors 4 and 5, closer to 4's 'good keyword coverage; a few natural terms missing'.

4 / 5

Distinctiveness Conflict Risk

The niche is unambiguous — Angular-specific triggers ('signals, linkedSignal, resource', 'SSR', 'Angular CLI tooling', 'Tailwind CSS' in Angular context) with minimal overlap against generic frontend or PDF/doc skills. Anchor 5's 'clear niche with distinct triggers; minimal conflict risk' is the best fit; anchor 4 would require noted overlap with a closely related skill, which is absent.

5 / 5

Total

18

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository

affaan-m/ECC

Path

skills/angular-developer/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.