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
91%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
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.
| Dimension | Reasoning | Score |
|---|---|---|
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.
| Dimension | Reasoning | Score |
|---|---|---|
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.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
3974caa
Table of Contents
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.