CtrlK
BlogDocsLog inGet started
Tessl Logo

oma-frontend

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, and shadcn work.

54

Quality

60%

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

Quality

Content

56%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 provides a clear scene-based workflow with validation checkpoints and an opinionated, concrete library policy, but it dilutes this with agent-scheduling boilerplate, triple-repeated rules, duplicated reference lists, and abstract implementation steps that lack inline executable examples. Consolidating the redundant sections and naming the actual verification commands would tighten it considerably.

Suggestions

Merge the two References lists into one deduplicated list with consistent paths, and state explicitly which files must be read before implementation.

Replace abstract scene descriptions ('ACT: Implement UI, state, styles, validation, and integration') with one concrete inline example — e.g., a minimal client-component wrapper of a shadcn primitive — and point to snippets.md for the rest.

Name the actual verification commands (e.g., 'pnpm lint && pnpm typecheck && pnpm test') instead of 'typically lint, typecheck, tests', and drop the SSL-primitive/scheduling boilerplate that adds tokens without guiding execution.

DimensionReasoningScore

Conciseness

The body is mostly tight tables and lists, but it carries agent-config boilerplate ('Intent signature', 'Control-flow features', the SSL primitive table), repeats 'treat components/ui/* as read-only' three times (Guardrails, UI Implementation, and the closing IMPORTANT callout), duplicates the References list, and pads Guardrail 6 with rhetoric ('touch it and die') — fitting 'mostly efficient but includes some unnecessary explanation'.

3 / 5

Actionability

There is concrete, executable material (the 'rg --files' / 'rg "components/ui|..."' workflow, named shadcn tools, a definitive library table), but the core workflow steps remain abstract ('ACT: Implement UI, state, styles, validation') with no executable code or command for the main implementation path — 'some concrete guidance but incomplete'.

3 / 5

Workflow Clarity

The Entry → Scenes (PREPARE/ACQUIRE/ACT/VERIFY/FINALIZE) sequence is clear, VERIFY is an explicit checkpoint with a failure-and-recovery feedback loop ('If verification fails, fix before handoff'), a checklist runs before handoff, and exit criteria state success and partial success. It misses the 5 anchor because verification commands are only 'typically lint, typecheck, tests' rather than named commands.

4 / 5

Progressive Disclosure

A dedicated References section with one-level-deep pointers exists, but it is duplicated (a numbered list 1-3 followed by a bullet list repeating execution-protocol.md, examples.md, and checklist.md) and mixes three path conventions (resources/, ../_shared/core/, ../../rules/), so organization 'could be better organized' per the 3 anchor rather than the cleanly structured 4 anchor.

3 / 5

Total

13

/

20

Passed

Description

65%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.

The description has an explicit and well-chosen trigger clause with strong natural keywords and a distinct frontend niche, but the 'what' half is a role label with no concrete actions. Adding 2-3 capability verbs (e.g., 'Builds and modifies React/Next.js components and pages') would lift specificity and completeness.

Suggestions

Replace the role label with concrete action phrases, e.g., 'Builds, modifies, and debugs React/Next.js TypeScript interfaces: components, pages, layouts, forms, and Tailwind/shadcn styling.'

Add a few missing natural trigger terms users would say, such as 'forms', 'hooks', 'responsive design', or '.tsx' files.

DimensionReasoningScore

Specificity

The description names the domain and tech stack ('Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui') but states no concrete actions — it is a role label, matching the 'names the domain but actions are minimal or generic' anchor rather than the 3 anchor which requires 1-2 concrete stated actions.

2 / 5

Completeness

Both parts are present: 'what' (frontend specialist for the React/Next.js/TypeScript stack with FSD-lite and shadcn/ui) and an explicit 'Use for...' trigger clause. It falls short of the 5 anchor because the 'what' is a role statement rather than concrete capability phrases paired with the triggers.

4 / 5

Trigger Term Quality

'Use for UI, component, page, layout, CSS, Tailwind, and shadcn work' plus 'React, Next.js, TypeScript' covers natural terms a user would say, but common variations like forms, hooks, responsive, or file extensions (.tsx, .css) are missing, fitting the 'good keyword coverage; a few natural terms missing' anchor.

4 / 5

Distinctiveness Conflict Risk

The stack-specific triggers (shadcn, Tailwind, Next.js, FSD-lite) carve out a clear frontend niche that is unlikely to capture backend or mobile work, with only minor overlap risk against generic React/design-system skills — the 4 anchor, not the 5 anchor which demands fully distinct trigger phrasing.

4 / 5

Total

14

/

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.