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.

66

Quality

78%

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

Quality

Content

73%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 strong, concrete instruction body with an excellent sequenced workflow, explicit failure-recovery loops, and a well-signaled reference table. Its main costs are meta-framework scaffolding that pads token usage without adding actionable guidance, and inline policy detail that belongs in the already-referenced resource files.

Suggestions

Cut the meta-framework scaffolding — the Actions/"SSL primitive" table, the "Resource scope" table, and "Effects and side effects" — since they restate what the workflow already implies and add no actionable guidance.

Move the detailed Guardrail policies (the prefetch rule, Angular marble-test mandate, Libraries table entries with rationale) into the existing `resources/tech-stack.md` / `resources/angular-rules.md` and keep one-line pointers in SKILL.md.

Consolidate the repeated `resources/tech-stack.md` pointers (dependencies, libraries table, shadcn engine, mutations) into a single mention in the Stack Reference table to remove redundancy.

DimensionReasoningScore

Conciseness

Mostly dense with genuinely project-specific guidance (library table, prefetch rule, naming conventions), but padded by meta-framework scaffolding that earns no tokens — the "SSL primitive" Actions table (READ/SELECT/WRITE/CALL_TOOL), the "Resource scope" table (CODEBASE/LOCAL_FS/PROCESS/NETWORK), and editorial asides like "they are not optional appendix material". Repeated re-references to `resources/tech-stack.md` and duplicated shadcn/tokens guidance could be consolidated, so it fits anchor 3 rather than anchor 4's "minor instances of over-explanation".

3 / 5

Actionability

Concrete and executable in the important places: exact commands (`rg --files`, the `rg "components/ui|shadcn|..."` search), named tools (`shadcn_search_items_in_registries`), versioned library choices (`next@16+`, `zod` v4, TailwindCSS v4), and naming examples (`order-summary-card.tsx`, `use-order-polling.ts`). The gap keeping it below anchor 5 is that verification is left abstract ("typically lint, typecheck, tests") rather than copy-paste ready commands, and key details live behind references.

4 / 5

Workflow Clarity

The Structural Flow gives a clear Entry → PREPARE/ACQUIRE/ACT/VERIFY/FINALIZE sequence with an explicit failure-and-recovery section ("If verification fails, fix before handoff or report the blocker") and a mandatory pre-handoff checklist — matching anchor 5's explicit validation steps, error-recovery feedback loops, and checklists. Not anchor 4: validation checkpoints are present and explicit at each stage, not merely "most" present.

5 / 5

Progressive Disclosure

Good structure: a clear "Stack Reference" table (File | Owns) signals what each referenced file covers, and detail is delegated to `resources/tech-stack.md`, `tailwind-rules.md`, `snippets.md`, and `angular-rules.md`. It falls short of anchor 5 because substantial policy detail (the full Libraries table, the long prefetch and Angular guardrail rules) is inlined in SKILL.md itself, and references fan out beyond one level — into other skills (`../_shared/core/*.md`, `../../rules/frontend.md`, `../oma-observability/SKILL.md`) — adding navigation burden.

4 / 5

Total

16

/

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 well-formed description with a clear what/when pair, explicit trigger guidance, and strong natural keywords tied to named frameworks. Its only weaknesses are generic action verbs and a few missing common synonyms (CSS, Tailwind, hooks, responsive).

DimensionReasoningScore

Specificity

The description lists several specific capability areas — "components, pages, styles, forms, and frontend state or data flows" — anchored to concrete frameworks (React, Next.js, Angular), with only minor gaps (no mention of testing/accessibility work). It sits between anchor 3 (1-2 concrete actions) and anchor 5 (comprehensive), fitting anchor 4's "several specific actions; minor gaps" since the verbs themselves ("Implement or modify") are generic even though the object coverage is broad.

4 / 5

Completeness

It 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") — a present, explicit 'Use for...' trigger clause with concrete trigger phrases. Not anchor 4, because the 'when' clause could not reasonably be made more explicit or specific; not below 4 because no half of the what/when pair is missing or weakly implied.

5 / 5

Trigger Term Quality

Strong natural keyword coverage: "components, pages, styles, forms, frontend state, data flows" plus framework names users say (React, Next.js, Angular). A few natural synonyms are missing ("UI", "CSS", "Tailwind", "hooks", "responsive"), keeping it at anchor 4 rather than 5.

4 / 5

Distinctiveness Conflict Risk

Framework names (React, Next.js, Angular) and the "web UI" scope carve a clear frontend niche with distinct triggers, distinct from backend or document skills. Minor overlap risk remains with adjacent skills (generic web work, React Native/mobile, or a broader 'frontend' skill), so anchor 4 rather than 5.

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.