CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

dev-create-component

Use when adding a new UI component to an existing module - handles templates, inputs, and test scaffolding.

Quality

73%

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

Fix and improve this skill with Tessl

tessl review fix ./packs/angular/skills/dev-create-component/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 tight, actionable scaffold: concrete paths, a complete code template, and a validation step, with nothing wasted on background explanation. The main gaps are a missing error-recovery loop after validation, no criteria for picking the component type, and no test scaffolding to back the description's claim.

Suggestions

Add a feedback loop after validation: "If tsc reports errors, fix them and re-run before finishing" — this closes the workflow_clarity gap.

Add one line of criteria for step 2 (when to choose feature vs shared vs page), or point to where in docs/ARCHITECTURE.md section 5 that decision rule lives.

Add a test-scaffolding step (e.g. "Create [name].component.spec.ts next to the component") so the body delivers what the description promises.

DimensionReasoningScore

Conciseness

The body is lean with no concept explanations Claude already knows, but the checklist ("Standalone component ✅", "input()/output() signals ✅", "inject() for DI ✅", "OnPush change detection ✅") restates properties already visible in the code template. Minor redundancy to trim, matching 'efficient; minor instances of over-explanation'.

4 / 5

Actionability

Concrete file-path patterns, a near copy-paste-ready component template, and a specific validation command ("npx tsc --noEmit") give mostly executable guidance. Minor gaps: no criteria for choosing feature vs shared vs page, and no test scaffolding despite the description promising it — short of the level-5 'specific examples cover the common cases'.

4 / 5

Workflow Clarity

Steps 1-5 are clearly numbered with a validation checkpoint ("Validate: npx tsc --noEmit"), matching 'clear sequence with most checkpoints present; minor validation gaps'. It lacks the error-recovery feedback loop ("if tsc fails, fix and re-run") required for level 5; the workflow is not destructive or batch, so the cap of 3 does not apply.

4 / 5

Progressive Disclosure

The skill is under 50 lines, needs no external bundle files (none exist), and is well-organized with numbered steps; the single external pointer ("docs/ARCHITECTURE.md section 5") is clearly signaled. Per the simple-skill guideline, this scores 5.

5 / 5

Total

17

/

20

Passed

Description

58%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 has an explicit and natural 'Use when' trigger and stays concise, but the 'what' is under-specified (no mention of Angular or the create-component action itself) and it omits framework terms that would distinguish it from other component-creation skills. It also claims "test scaffolding" which the skill body never delivers.

Suggestions

State the core action and framework explicitly, e.g. "Creates Angular standalone components (template, signal inputs/outputs, DI, OnPush) with type-specific file placement. Use when adding, creating, or scaffolding a new Angular component or page in an existing module."

Remove "test scaffolding" from the description or add a test-scaffolding step to the skill body — the current claim over-promises what the instructions cover.

Include natural trigger variations and framework keywords users would say ("create component", "new component", "Angular", "shared component", "page") to improve trigger matching and distinctiveness.

DimensionReasoningScore

Specificity

The description names the domain ("adding a new UI component to an existing module") and lists three action areas ("handles templates, inputs, and test scaffolding"), but the verb "handles" is generic and the core action — creating an Angular standalone component — is never stated. It matches 'names domain and 1-2 concrete actions, but not comprehensive' rather than the level-4 anchor's list of several specific actions.

3 / 5

Completeness

Both parts are present: an explicit trigger ("Use when adding a new UI component to an existing module") and a what ("handles templates, inputs, and test scaffolding"). The 'when' is explicit but the 'what' is thin and vague, so it does not reach the level-5 anchor's fully concrete what+when pairing with trigger phrases.

4 / 5

Trigger Term Quality

"adding a new UI component" and "existing module" are natural user phrases, but common variations are missing: "create component", "Angular", "standalone", "component file". This matches 'some relevant keywords but missing common variations or synonyms' rather than level 4's 'good keyword coverage'.

3 / 5

Distinctiveness Conflict Risk

"UI component" without naming the framework (Angular) leaves overlap risk with React/Vue component-creation skills, matching 'somewhat specific but could still overlap with similar skills'. Naming Angular and standalone components would make the niche clearly distinct.

3 / 5

Total

13

/

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

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

frontmatter_unknown_keys

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

Warning

Total

14

/

16

Passed

Repository

fernandezbaptiste/specialist-agent

Path

packs/angular/skills/dev-create-component/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.