CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-feature

Use when building or modifying pages, components, modules, routes, data loading, forms, API integration, or UI features — including small changes like a column, filter, or panel — in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/).

71

Quality

86%

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

82%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 dense, high-signal reference that assumes Claude's competence and documents only project-specific conventions with concrete paths and commands. It falls slightly short of top marks on actionability and workflow clarity for lacking code examples and an explicit fix-and-revalidate loop.

Suggestions

Add one minimal copy-paste example of a thin route file (loader + pendingComponent wiring into a pod page component) and one queryOptions constant, since these are the core building blocks the skill describes.

Make the commit-checks section an explicit feedback loop: state that lint/typecheck/test failures must be fixed and the checks re-run before committing.

Trim the data-loading tier and pre-feature consideration sections to their decision rules and defer the full patterns to the already-referenced docs/monorepo-docs/frontend/data-loading.md and before-starting.md.

DimensionReasoningScore

Conciseness

Every section carries project-specific, non-obvious knowledge (path aliases, pod autonomy, export-block rules, pagination defaults, permission handling) with zero explanation of React, TypeScript, or Carbon basics — every token earns its place.

5 / 5

Actionability

Exact commands ("npm run prettier:format", "npm run typecheck"), exact paths ("#/shared/http/queries.ts", "src/routes/_auth/{pod}/"), and crisp decision rules make the guidance mostly executable, but there are no code examples for the core steps (a thin route file, a queryOptions constant), leaving minor gaps.

4 / 5

Workflow Clarity

"Building a feature" gives a clear three-step sequence, "Before starting a feature" provides pre-work checkpoints, and "Local checks before commit" supplies explicit validation commands — but no fix-and-re-run feedback loop or checklist, so it fits anchor 4 rather than the explicit-error-recovery anchor 5.

4 / 5

Progressive Disclosure

The ~100-line body is well-sectioned and delegates detail to the one-level-deep "Canonical docs" list with per-doc descriptions, but sections like the data-loading tiers and pre-feature considerations carry detail inline that could live in those referenced docs.

4 / 5

Total

17

/

20

Passed

Description

91%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 with explicit, natural trigger coverage and a clear niche via app-specific scoping. Its only weakness is that the 'what' is implicit in the trigger clause rather than stated separately.

Suggestions

Lead with a brief third-person statement of what the skill provides (e.g., "Reference for building features in the orchestration cluster webapp..."), then keep the existing 'Use when' clause, so both 'what' and 'when' are explicitly stated.

DimensionReasoningScore

Specificity

"building or modifying pages, components, modules, routes, data loading, forms, API integration, or UI features" enumerates multiple concrete actions on specific artifacts, matching the comprehensive-coverage anchor rather than the minor-gaps anchor below it.

5 / 5

Completeness

The "Use when..." clause is explicit and detailed, but the 'what' is only embedded in the trigger — the description never states what the skill provides (a reference for frontend feature development), so it fits anchor 4 rather than the both-explicitly-stated anchor 5.

4 / 5

Trigger Term Quality

"pages, components, modules, routes, data loading, forms, API integration, or UI features" plus "small changes like a column, filter, or panel" covers the natural frontend phrases and their small-change synonyms a user would actually say, fitting the comprehensive-coverage anchor.

5 / 5

Distinctiveness Conflict Risk

Scoping to "the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/)" gives a clear niche with a path guardrail; only generic terms like "UI features" carry slight overlap with unrelated frontend skills, fitting the minimal-conflict anchor.

5 / 5

Total

19

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
camunda/camunda
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.