CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular-developer

Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性(シグナル、linkedSignal、リソース)、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ(ARIA)、アニメーション、スタイリング(コンポーネント スタイル、Tailwind CSS)、テスト、または CLI ツール作成のベスト プラクティスについてトリガーされます。

Quality

84%

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

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

A well-structured, framework-specific guide with an exemplary ng new decision procedure, an explicit build-verification feedback loop, and concrete anti-patterns. Weaknesses are modest: some internal repetition, common scaffolding tasks delegated entirely to references, and reference links that point outside the bundle via non-standard relative paths.

Suggestions

Remove the "アクティブ化するとき" bullet list, which duplicates the frontmatter description verbatim, and state the signal-forms preference once instead of three times across the new-project, forms, and anti-patterns sections.

Use standard bundle-relative links (references/<file>.md) and ship the referenced files in the skill's references/ directory so links resolve when the skill is installed or copied.

Add a few inline examples for the most common actions, e.g. `ng generate component` / `ng generate service` commands and a minimal signal-form snippet, so frequent tasks don't require opening a reference file.

DimensionReasoningScore

Conciseness

The body is a lean index with one-line reference descriptions and no padding of concepts Claude already knows, but it has trimmable redundancy: the "アクティブ化するとき" section restates the frontmatter description almost verbatim, and the signal-forms preference is repeated three times (new-project defaults, the forms section intro and bullets, and the anti-patterns list). This fits 'efficient with minor instances that could be trimmed' rather than the lean top anchor.

4 / 5

Actionability

Core workflows are fully executable with copy-paste commands (`npx @angular/cli@<version> new <project-name>`, `ng version`, `ng new <project-name>`, `ng build`), and the anti-patterns give exact wrong/right syntax (`form.field().valid()` vs `form.field.valid()`, `let outerIdx = $index`, `''`/`0`/`[]` instead of null). It is not score 5 because common tasks such as generating a component or writing a signal form are deferred entirely to reference files with no inline example.

4 / 5

Workflow Clarity

The operating procedure is clearly sequenced with an explicit validation checkpoint and feedback loop — analyze the project's Angular version first, scaffold via CLI, then run `ng build`, analyze errors, and fix before continuing ("このステップをスキップしない") — and the `ng new` decision tree is a fully specified 3-step conditional with an explicit fallback. This matches the top anchor: clear sequence, explicit validation, error-recovery loop.

5 / 5

Progressive Disclosure

Structure is excellent: topic sections each point to one-level-deep, clearly signaled reference files with one-line descriptions of what each contains. However, no references/ directory exists in this bundle, and every link uses a fragile path escaping the skill directory (../../../../skills/angular-developer/references/*.md) that does not resolve in the actual bundle structure — an organization gap that keeps it below the top anchor.

4 / 5

Total

17

/

20

Passed

Description

82%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 in third-person voice with an explicit, richly detailed trigger clause covering the full Angular domain. The main weakness is that the capability statement is thin — only two, fairly generic actions — while the trigger side carries all the specificity.

Suggestions

Expand the 'what' portion with more concrete capabilities, e.g. 'scaffolds projects, components, services, directives, and pipes via the Angular CLI; implements signal-based reactivity, forms, routing, SSR, and accessibility' instead of the generic 'generates Angular code and provides architecture guidance'.

Add commonly-used trigger terms that users naturally say but are currently absent: directives, pipes, guards, resolvers, Angular Material, and version migration/upgrade work.

DimensionReasoningScore

Specificity

The description states exactly two capabilities — "Angular コードを生成し、アーキテクチャ ガイダンスを提供します" (generates Angular code, provides architecture guidance) — which matches the anchor for naming the domain with 1-2 concrete actions. It is not score 4 because 'generates code' is broad within the domain and no further specific actions (scaffolding, testing, configuring SSR) are enumerated.

3 / 5

Completeness

Both questions are answered explicitly: what ("Angular コードを生成し、アーキテクチャ ガイダンスを提供します") and when ("…を作成するとき、または…についてトリガーされます") with a dozen concrete trigger situations. The 'when' clause is explicit and specific, so this fits the top anchor rather than anchor 4 where the 'when' could be more explicit.

5 / 5

Trigger Term Quality

It covers natural terms users say in Angular work — コンポーネント, サービス, シグナル/linkedSignal, フォーム, 依存性注入, ルーティング, SSR, ARIA, アニメーション, Tailwind CSS, テスト, CLI — including framework-specific API names. It falls short of anchor 5 because common terms like directives, pipes, and guards (which the body itself covers) and synonym variations are missing.

4 / 5

Distinctiveness Conflict Risk

The description is unambiguously scoped to Angular via framework-exclusive APIs and terms (シグナル, linkedSignal, リソース, Angular CLI), giving it a clear niche with distinct triggers and minimal overlap risk with generic frontend or other framework skills.

5 / 5

Total

17

/

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

relative_links

Relative link issues: 36 suspicious

Warning

Total

14

/

16

Passed

Repository

affaan-m/ECC

Path

docs/ja-JP/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.