CtrlK
BlogDocsLog inGet started
Tessl Logo

angular-ui-patterns

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

52

Quality

58%

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 ./skills/angular-ui-patterns/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

47%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 lean, well-structured pointer that correctly delegates the 500-line detailed material to a single one-level-deep reference. However, it delegates so aggressively that it contains no actionable content of its own, its 'When to Use' section is circular filler, and the guide's sections are not surfaced for focused loading.

Suggestions

Replace the circular "This skill is applicable to execute the workflow or actions described in the overview" with the actual trigger conditions (e.g., 'Use when building Angular components that fetch data, show loading skeletons, or handle API errors').

Add a brief section map under the Detailed Guide pointer (e.g., 'Loading states: guide §Loading State Patterns · Error handling: §Error Handling · Data display: §Empty & Data States') so 'load the relevant sections' is actually navigable, or split the 513-line guide into per-topic files.

Include one compact inline quick-start snippet (e.g., the @if loading/error/empty template pattern) in the body so the most common case is actionable without opening the reference.

DimensionReasoningScore

Conciseness

The body is ~10 lean lines with no explanations of concepts Claude already knows. The only trimmable filler is the circular sentence "This skill is applicable to execute the workflow or actions described in the overview", which adds no information — a minor instance of over-explanation matching anchor 4 rather than 5's every-token-earns-its-place.

4 / 5

Actionability

Quotes: "Read [the detailed guide](references/detailed-guide.md) before executing this skill" is the only concrete directive; the body contains no code, commands, or Angular patterns, and the Limitations bullets are generic guardrails. This sits at anchor 2 ('minimal concrete guidance; high-level hints but missing the specific steps') — above anchor 1 only because the pointer is specific and actionable as an instruction.

2 / 5

Workflow Clarity

There is no sequenced workflow in the body — just 'read the guide first' — and no validation checkpoints beyond deferring to the guide ("Treat its safety, prerequisites, and validation requirements as mandatory"). The "When to Use" section is incoherent: it refers to "the workflow or actions described in the overview", but no such overview exists. Anchor 2 ('rough sequence present but many gaps; validation absent') is the best fit.

2 / 5

Progressive Disclosure

The single reference is real (references/detailed-guide.md, 513 lines), well-signaled, and one level deep (the guide itself contains no further file references), with load guidance ("For focused work, load the relevant sections; for end-to-end work, read the guide completely"). It falls short of anchor 5 because the body never names the guide's sections (loading states, error handling, data display), so 'load the relevant sections' gives no way to find them, and the three distinct pattern areas sit in one monolithic file.

4 / 5

Total

12

/

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 solid description with a clear Angular niche, an explicit 'Use when' clause, and natural trigger phrases. Its main weakness is topic-level rather than action-level wording — it says what the patterns cover, not what the skill concretely does — and triggers that aren't scoped to Angular.

DimensionReasoningScore

Specificity

Quotes: "Modern Angular UI patterns for loading states, error handling, and data display" — names the domain and three concrete topic areas, but contains no action verbs, describing what the patterns cover rather than what the skill does. This matches anchor 3 ('names domain and 1-2 concrete actions, but not comprehensive') better than anchor 4, whose example ('Extracts text from PDF files, fills forms, converts pages to images') lists several executable actions.

3 / 5

Completeness

Quotes: an explicit 'what' ("Modern Angular UI patterns for loading states, error handling, and data display") and an explicit 'when' ("Use when building UI components, handling async data, or managing component states"). Both are present, but the 'when' triggers are not Angular-scoped and the 'what' is topic-level rather than concrete actions, matching anchor 4 ('when could be more explicit or specific') rather than 5.

4 / 5

Trigger Term Quality

Quotes: "Use when building UI components, handling async data, or managing component states" plus "loading states, error handling" — these are phrases users would naturally say. Coverage is good but misses common variations like 'skeleton', 'spinner', 'empty state', or 'Angular Material', so it falls at anchor 4 rather than 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Quotes: "Modern Angular UI patterns" carves out a clear framework niche with distinct triggers, but "building UI components" and "managing component states" would also fire for React/Vue/generic-frontend tasks, giving minor overlap risk with closely related skills — anchor 4, not 5's minimal conflict risk.

4 / 5

Total

15

/

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
sickn33/agentic-awesome-skills
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.