CtrlK
BlogDocsLog inGet started
Tessl Logo

oma-frontend

Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.

64

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 ./.agents/skills/oma-frontend/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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, highly actionable body with concrete commands, named tools, and specific guardrails, supported by a clear scene-based workflow with verification and recovery steps. Its main weaknesses are meta-process scaffolding that inflates token cost without executable value, and reliance on external resource files that are not present in the provided bundle.

Suggestions

Cut the "Actions | SSL primitive" table and the PREPARE/ACQUIRE/ACT/VERIFY/FINALIZE scene ceremony; keep only the entry/exit and verification steps that change behavior.

Remove the "Intent signature" and "When to use" sections — they duplicate the frontmatter description and the routing decision.

Defer the shadcn engine and library-rationale detail (already owned by `resources/tech-stack.md`) out of SKILL.md, keeping only the decision table itself.

DimensionReasoningScore

Conciseness

The body mostly assumes Claude's competence (no React/PDF-style concept explanations, dense imperative tables), but carries unnecessary meta-scaffolding: the "Actions | SSL primitive" table mapping to generic `READ`/`SELECT`/`NOTIFY` primitives, the PREPARE/ACQUIRE/ACT/VERIFY/FINALIZE "Scenes" ceremony, and "Intent signature"/"When to use" sections that restate the frontmatter description. This fits anchor 3 — mostly efficient but could be tightened — rather than 4, because multiple sections add tokens without adding executable guidance.

3 / 5

Actionability

Largely executable: concrete `rg` commands in the canonical workflow path, named shadcn registry tools, a Libraries table with specific versions and decision rules, and guardrails with copy-paste-ready specifics (`prefetch={false}`, `order-summary-card.tsx`, `TestScheduler` marble tests). Not a 5 because verification commands are delegated generically ("lint, typecheck, tests... when applicable") rather than given, and some guidance ("Map code variables to Figma layer names") is direction without a step.

4 / 5

Workflow Clarity

A clear Entry → PREPARE/ACQUIRE/ACT/VERIFY/FINALIZE → Exit sequence with an explicit verification scene, a "run the checklist before handoff" checkpoint, and a Failure-and-recovery feedback loop ("If verification fails, fix before handoff or report the blocker"). Not a 5 because the sequence is phrased at the scene level and the actual step-by-step is deferred to `resources/execution-protocol.md`, which is not present in the bundle to confirm.

4 / 5

Progressive Disclosure

References are one level deep, clearly signaled, and well organized — the Stack Reference table states what each `resources/*.md` file "Owns" and the References section annotates every pointer's purpose. Not a 5 because the bundle contains no `references/`, `scripts/`, or `assets/` directories, so the referenced `resources/*.md`, `../../rules/frontend.md`, and `../_shared/core/*` files cannot be verified to exist, and some inline content (the shadcn engine details and Libraries rationale) overlaps with `resources/tech-stack.md` rather than deferring to it.

4 / 5

Total

15

/

20

Passed

Description

83%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 tight, third-person description that states what it does and when to use it with concrete trigger objects and framework names. It matches the patterns of the rubric's good examples, with only minor keyword-coverage and distinctiveness gaps.

Suggestions

Add high-frequency natural synonyms (e.g., CSS, Tailwind, shadcn, hooks) to the 'Use for' clause to improve trigger recall.

Name the browser/verification angle (e.g., 'responsive behavior') to sharpen the boundary against pure styling or backend API skills.

DimensionReasoningScore

Specificity

Concrete actions ("Implement or modify") are named against several specific targets ("components, pages, styles, forms, and frontend state or data flows") plus the frameworks "React, Next.js, or Angular". Not a 5 because coverage has minor gaps — no mention of hooks, testing, accessibility, or API integration that the body actually covers.

4 / 5

Completeness

Explicitly answers both: what ("Implement or modify web UI in React, Next.js, or Angular") and when ("Use for components, pages, styles, forms, and frontend state or data flows") with concrete trigger phrases. Not below 5 because the 'when' clause is an explicit, specific trigger list comparable to the anchor-5 example.

5 / 5

Trigger Term Quality

Natural user terms are well covered: "components", "pages", "styles", "forms", "web UI", "frontend state", plus framework names users say directly. Not a 5 because common synonyms like "CSS", "Tailwind", "shadcn", or "hooks" — which the body treats as primary triggers — are absent.

4 / 5

Distinctiveness Conflict Risk

A clear frontend-UI niche with framework-specific triggers, distinct from backend or mobile work. Not a 5 because broad terms like "styles" and "data flows" leave minor overlap risk with a styling-only or API-integration skill.

4 / 5

Total

17

/

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
first-fluke/oh-my-agent
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.