CtrlK
BlogDocsLog inGet started
Tessl Logo

orientation

Use when reviewing mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces. Check rendered behavior in both portrait and landscape and separate genuine layout constraints from unnecessary orientation assumptions.

64

Quality

77%

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

Quality

Content

71%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 well-structured, brief overview skill with excellent progressive disclosure — a real, one-level-deep reference carrying the implementation detail. The main costs are redundancy across the Quick Reference, Check, Fix, and Code Review sections, and actionability that names review targets without naming the concrete code patterns to search for.

Suggestions

Collapse the overlapping guidance: Quick Reference, Check, Fix, and Code Review each restate the orientation-lock and hide-content warnings — merge them so each point appears once, tightening conciseness.

Name the concrete detectable patterns in the Check or Code Review section (e.g., `screen.orientation.lock()`, CSS `@media (orientation:)` overrides, web app manifest `orientation` fields, rotate-device overlay components) instead of deferring all specifics to the reference.

Add a short re-verification step after Fix (re-rotate the viewport and confirm content and controls remain usable in both orientations) to close the workflow's validation gap.

DimensionReasoningScore

Conciseness

The body is mostly efficient and short, but there is noticeable redundancy: "Do not lock the interface to portrait-only or landscape-only" (Quick Reference), "Remove orientation locks" (Fix), "Flag any use of orientation locks" (Check), and "require one orientation" (Code Review) repeat the same point across four sections, and the wheelchair/stand intro paragraph explains motivation Claude can infer. This fits anchor 3 ('mostly efficient but includes some unnecessary explanation or could be tightened') better than anchor 4, where over-explanation would be only a minor instance.

3 / 5

Actionability

For an instruction-only skill the guidance is concrete: "Rotate the page between portrait and landscape on mobile and tablet viewports", "Flag any use of orientation locks, rotate-device overlays that block content", and "Flag exact selectors, components, or route states". It stays at anchor 4 rather than 5 because it stops short of naming the specific detectable patterns (e.g., `screen.orientation.lock()`, orientation media queries, manifest `orientation` fields), deferring those entirely to the reference file.

4 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections form a clear, unambiguous sequence for a simple single-purpose review skill, which is well above the anchor-3 'steps listed but checkpoints missing'. It does not reach 5 because there is no verification checkpoint after the Fix step (e.g., re-rotate and re-verify that the revised layout works in both orientations), leaving a minor validation gap.

4 / 5

Progressive Disclosure

The body is a concise ~30-line overview with well-organized sections and a single, clearly signaled, one-level-deep reference — "For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`" — and that file actually exists in the bundle with the promised content (code examples, CSS/JS guidance). This matches the anchor-5 pattern of a clear overview with well-signaled references.

5 / 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 strong description that clearly states both what the skill does and when to use it, with concrete and mostly natural trigger terms. Its main weaknesses are broad trigger terms (forms, dashboards) that create minor conflict risk and the absence of common synonyms like 'orientation' and 'rotate' in the trigger clause.

DimensionReasoningScore

Specificity

The description names the domain and several concrete actions — "Check rendered behavior in both portrait and landscape" and "separate genuine layout constraints from unnecessary orientation assumptions" — which are specific and actionable. It falls just short of anchor 5 because coverage of what the skill does is limited to these two actions rather than a comprehensive list (e.g., no mention of fixing or flagging), and sits above anchor 3 because the actions given are more specific than the minimal '1-2 generic actions' pattern.

4 / 5

Completeness

It explicitly answers 'when' with a concrete "Use when reviewing..." clause listing six trigger contexts, and 'what' with "Check rendered behavior in both portrait and landscape and separate genuine layout constraints from unnecessary orientation assumptions". This matches the anchor-5 good example pattern (clear what + explicit Use-when with concrete trigger phrases), not anchor 4, since neither half is weak or merely implied.

5 / 5

Trigger Term Quality

Trigger terms are natural and varied: "mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces", plus "portrait and landscape". It falls short of anchor 5 because common synonyms a user might say are missing from the trigger clause — 'orientation', 'rotate/device rotation', 'responsive' — which keeps it at 'good keyword coverage; a few natural terms missing'.

4 / 5

Distinctiveness Conflict Risk

The core trigger is a distinct niche (orientation/portrait-landscape review), so it is mostly distinguishable from other skills. Minor overlap risk remains with closely related skills because broad trigger terms like "forms", "dashboards", and "media interfaces" could fire for general form or dashboard work that has nothing to do with orientation — matching 'minor overlap risk' at anchor 4 rather than the clean niche of anchor 5.

4 / 5

Total

17

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
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.