CtrlK
BlogDocsLog inGet started
Tessl Logo

laravel-inertia-react-structure

Frontend structure conventions for Laravel Inertia React applications based on Spatie's production practices. Use when creating, scaffolding, or reviewing frontend code in a Laravel Inertia React project. Triggers on creating React components, pages, modules, organizing frontend directories, setting up Inertia pages, structuring a React frontend within Laravel, or when the user asks about frontend file organization in an Inertia app.

74

Quality

91%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

89%

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 a strong skill description that excels in completeness and distinctiveness. It clearly defines its niche at the intersection of Laravel, Inertia, and React with a focus on Spatie's conventions. The main area for improvement is specificity—listing more concrete actions (e.g., 'organize pages into modules, create shared component directories, set up Inertia page layouts') would elevate it further.

Suggestions

Add more concrete specific actions like 'organize pages into modules, create shared component directories, configure Inertia page layouts, structure form components' to improve specificity.

DimensionReasoningScore

Specificity

The description names the domain (Laravel Inertia React frontend) and mentions some actions like 'creating, scaffolding, or reviewing frontend code,' but it doesn't list multiple concrete specific actions (e.g., creating page components, organizing module directories, setting up layouts). The actions remain somewhat general.

2 / 3

Completeness

Clearly answers both 'what' (frontend structure conventions for Laravel Inertia React applications based on Spatie's practices) and 'when' (explicit 'Use when...' clause with detailed trigger scenarios including creating components, scaffolding, reviewing, organizing directories, etc.).

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms: 'React components', 'pages', 'modules', 'frontend directories', 'Inertia pages', 'React frontend within Laravel', 'frontend file organization', 'Inertia app'. These are terms users would naturally use when working in this domain.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche: Laravel + Inertia + React + Spatie conventions + frontend structure. The combination of these specific technologies and the focus on structure/conventions makes it very unlikely to conflict with other skills.

3 / 3

Total

11

/

12

Passed

Implementation

92%

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

This is a high-quality conventions skill that is concise, actionable, and well-structured. It provides concrete directory trees, naming rules with examples, and correct/incorrect code patterns without over-explaining concepts Claude already knows. The only minor weakness is that all content is inline rather than leveraging progressive disclosure for advanced topics like multi-zone applications.

DimensionReasoningScore

Conciseness

The content is lean and efficient throughout. It avoids explaining what Inertia, React, or Laravel are, assumes Claude's competence, and every section delivers specific conventions without padding. The directory trees and code examples are minimal yet complete.

3 / 3

Actionability

Provides concrete, copy-paste-ready directory structures, naming conventions with specific examples, executable TSX code showing correct vs incorrect patterns, and clear rules like 'one component per file, no barrel files.' The decision heuristic for common vs modules is immediately actionable.

3 / 3

Workflow Clarity

This is a conventions/structure skill rather than a multi-step destructive process, so explicit validation checkpoints aren't required. The single-task guidance is unambiguous: each section clearly defines what goes where, with decision criteria (e.g., common vs modules) and concrete examples for each convention.

3 / 3

Progressive Disclosure

The content is well-organized with clear section headers and logical progression from simple to complex (basic structure → modules → pages → multi-zone). However, the multi-zone and shadcn sections could benefit from separate reference files, and the skill is moderately long (~100 lines of content) with everything inline rather than split across files.

2 / 3

Total

11

/

12

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
freekmurze/dotfiles
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.