CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular-project-starter

Scaffold an Angular 19 project with standalone components (no NgModules), signals, lazy-loaded routing, `inject()` services, and Angular Material or PrimeNG.

Quality

75%

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 ./frontend/angular-project-starter/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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 highly actionable, well-structured body with executable code covering the common Angular 19 patterns, and a clear scaffold-to-verify sequence. Its main weaknesses are the absence of any progressive-disclosure split (all code inlined in one long file) and a first step referencing a nonexistent `.env.example`.

Suggestions

Split the detailed pattern code (auth service, login form, dashboard examples) into `references/patterns.md` (or similar), keeping a concise quick start and conventions inline in SKILL.md.

Fix or justify the 'Copy `.env.example` to `.env`' step — a fresh `ng new` scaffold does not create this file, so either show how to create it or remove the step.

Deduplicate the `interface User` definitions (defined in three examples) by defining it once and referencing it, and add a brief failure-recovery note (e.g., what to check if `ng serve` or `ng add @angular/material` fails) to strengthen the workflow's feedback loop.

DimensionReasoningScore

Conciseness

Mostly efficient: conventions are terse one-liners ('Cleaner and works in functional guards/resolvers') and code assumes Angular competence without tutorial padding. Minor trimming opportunities remain — `interface User` is defined three times across examples and full inline templates (e.g., the login form markup) add tokens — so it fits anchor 4 rather than 5.

4 / 5

Actionability

Nearly everything is copy-paste ready: the `ng new` scaffold command, complete `app.config.ts`, routes, guard, interceptor, services, and a typed reactive form. The gap is step 1 of 'First Steps After Scaffold' ('Copy `.env.example` to `.env`') referencing a file a fresh scaffold does not generate and no bundle file supplies, which keeps it at 'minor gaps' anchor 4 rather than 5.

4 / 5

Workflow Clarity

Clear sequence from scaffold command through structure, conventions, patterns, and a numbered 'First Steps' list that includes a verification checkpoint ('Verify the app loads at http://localhost:4200'). Not anchor 5: no explicit error-recovery or feedback loop (e.g., what to check if `ng serve` fails or how to confirm `ng add @angular/material` succeeded).

4 / 5

Progressive Disclosure

Sections are well-organized and navigable, but there are no bundle reference files at all — roughly 300 lines of complete code examples (auth service, login component, dashboard) are inlined in SKILL.md, content that would be better split into a quick start plus `references/` files. Fits anchor 3 ('content that should be separate is inline') rather than 2, since structure and navigation are good.

3 / 5

Total

15

/

20

Passed

Description

70%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 specific, distinctive description that clearly names the domain and concrete deliverables, but it omits any 'when to use this' trigger guidance. Adding an explicit 'Use when...' clause would raise completeness and natural trigger coverage.

Suggestions

Append a trigger clause such as 'Use when creating or setting up a new Angular 19 application, or when the user mentions Angular, ng new, Angular Material, or PrimeNG.'

Include natural user phrasings like 'create an Angular app', 'set up an Angular project', or 'new Angular frontend' to broaden trigger-term coverage.

Optionally mention forms, testing setup, or SSR support to close minor coverage gaps in the feature list.

DimensionReasoningScore

Specificity

Enumerates concrete deliverables — 'standalone components (no NgModules), signals, lazy-loaded routing, `inject()` services, and Angular Material or PrimeNG' — with only minor coverage gaps (forms, testing, SSR unmentioned). It is a single action ('Scaffold') with detailed attributes rather than multiple distinct actions, so it fits anchor 4 rather than 5.

4 / 5

Completeness

The 'what' is clear and concrete (scaffold an Angular 19 project with the listed features), but there is no 'Use when...' clause or equivalent explicit trigger guidance — the rubric caps completeness at 3 in that case.

3 / 5

Trigger Term Quality

Contains natural terms users would say when needing this skill ('Angular 19', 'signals', 'NgModules', 'Angular Material', 'PrimeNG'), which is good coverage; common phrasings like 'create a new Angular app' or 'set up an Angular project' are missing, so it falls short of comprehensive anchor 5.

4 / 5

Distinctiveness Conflict Risk

Clear niche (Angular 19 project scaffolding) with distinct technical triggers (PrimeNG, Material, signals, `inject()`); overlap risk is limited to closely related Angular-version skills, making it more distinct than anchor 4's 'PDF and Word' example.

5 / 5

Total

16

/

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

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

achreftlili/deep-dev-skills

Path

frontend/angular-project-starter/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.