CtrlK
BlogDocsLog inGet started
Tessl Logo

leg-generate-mockup-oracle

Generate high-fidelity, functional Next.js mockup screens for Oracle Forms modernization from one or more module evidence folders and linked screenshots. Use when asked to preserve legacy fields, tabs, grids, section organization, and business behavior while applying minimal web modernization; combine separate Maintain/Retrieve-style forms into a unified search, filter, add, edit, and delete experience; or extend a target Next.js application while matching its existing Reference / Products / Maintain Products visual and interaction conventions.

57

Quality

65%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./.codex/skills/leg-generate-mockup-oracle/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

37%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This skill is comprehensive and thorough in its coverage of Oracle Forms modernization mockup generation, with strong workflow sequencing and validation gates. However, it is severely over-engineered for a SKILL.md file—its extreme verbosity (~400+ lines of dense procedural prose) wastes context window budget, and the lack of executable code examples or progressive disclosure into supporting files makes it both hard to follow and token-inefficient. The content reads more like a detailed specification document than an actionable skill for Claude.

Suggestions

Reduce content by 60%+ by eliminating repeated constraints (e.g., evidence authority rules are restated in at least 5 sections) and trusting Claude to infer standard practices like path resolution and fuzzy matching.

Extract detailed sections (Legacy UI Inventory rules, Rationalization logic, Validation checklists, Action/Child-Screen semantics) into separate bundle files referenced from the main SKILL.md.

Add concrete, executable code examples showing actual Next.js component generation patterns, mock data structures, and navigation integration rather than describing them in prose.

Consolidate the completion gates and validation criteria into a single concise checklist rather than spreading them across Validation, Completion Report, and implementation sections.

DimensionReasoningScore

Conciseness

This skill is extremely verbose at ~400+ lines of dense prose. It extensively explains process management, inventory building, validation loops, and rationalization logic that Claude could infer from much shorter instructions. Many sections repeat constraints in slightly different ways (e.g., evidence authority is restated across multiple sections). The content could likely be reduced by 60-70% without losing actionable guidance.

1 / 5

Actionability

The skill provides detailed procedural guidance and specific path patterns, but contains almost no executable code examples. The few code snippets are trivial (a comment line, a path template). The workflow steps are described in prose rather than with concrete commands or copy-paste-ready implementations. The validation section mentions lint/typecheck/test/build but doesn't provide actual commands beyond `git diff --check`.

3 / 5

Workflow Clarity

The 15-step workflow is clearly sequenced with explicit validation checkpoints (step 12-13 include a self-review loop with specific completion gates). The validation section defines concrete zero-count gates and browser testing requirements. However, the workflow is spread across multiple sections making it harder to follow as a linear process, and the feedback loop in step 13 could be more precisely structured.

4 / 5

Progressive Disclosure

This is a monolithic wall of text with no bundle files to offload detailed content. The extensive inventory-building rules, rationalization logic, validation checklists, and child-screen semantics could all be separate referenced files. Everything is inlined into a single massive SKILL.md with no external references, making it very difficult to navigate despite having section headers.

2 / 5

Total

10

/

20

Passed

Description

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

This is an excellent skill description that clearly defines a narrow, specialized domain (Oracle Forms to Next.js modernization) with concrete actions and explicit trigger conditions. The 'Use when' clause covers three well-defined scenarios, and the terminology is distinctive enough to avoid conflicts. The only minor weakness is that some natural user phrasings (e.g., 'convert', 'migrate') are not explicitly included as trigger terms.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions: generate Next.js mockup screens, preserve legacy fields/tabs/grids/sections, combine Maintain/Retrieve-style forms into unified CRUD experience, extend a target Next.js application matching existing visual conventions. This is comprehensive and specific.

5 / 5

Completeness

Clearly answers both 'what' (generate high-fidelity Next.js mockups from Oracle Forms evidence) and 'when' with explicit 'Use when' clause covering three distinct trigger scenarios: preserving legacy structure, combining form styles into unified CRUD, and extending existing Next.js applications matching conventions.

5 / 5

Trigger Term Quality

Includes strong domain-specific trigger terms like 'Oracle Forms', 'Next.js', 'mockup screens', 'modernization', 'legacy fields', 'tabs', 'grids', 'search, filter, add, edit, delete', 'Maintain/Retrieve-style forms'. However, it could include more natural user phrases like 'convert Oracle Forms', 'migrate forms', or file/technology synonyms. The terms are somewhat specialized and may miss broader user phrasing.

4 / 5

Distinctiveness Conflict Risk

Highly distinctive niche combining Oracle Forms modernization with Next.js mockup generation. The specificity of 'Oracle Forms', 'module evidence folders', 'Maintain/Retrieve-style forms', and 'Reference / Products / Maintain Products' conventions makes this extremely unlikely to conflict with other skills.

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
sibendu/ai_tessl
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.