How do I update my frontend routes after changing Laravel controllers?

You can have Claude run the 'php artisan wayfinder:generate' command to synchronize your backend definitions with your frontend route files.

Does this skill support tree-shaking for better performance?

Yes, it specifically promotes the use of named imports for route actions, which allows build tools like Vite to eliminate unused code.

What does the Wayfinder Development skill do?

It provides Claude with the patterns and commands needed to manage Laravel routes within a TypeScript frontend, ensuring type-safety and consistency.

Is it possible to pass query parameters to routes using this skill?

Yes, Wayfinder supports passing an options object containing query parameters directly to the route function for dynamic URL generation.

Can I use this with Inertia.js forms?

Absolutely. The skill includes specific patterns for using .form() methods to bind Laravel route attributes directly to Vue or React form components.

Wayfinder Development

Name: Wayfinder Development
Author: Manuel-kl

byManuel-kl

0•

Desarrollo de API

Streamlines type-safe Laravel route integration within TypeScript and Vue frontend components.

The Wayfinder Development skill bridges the gap between Laravel backends and TypeScript frontends by automating the management of routing endpoints. It provides standardized patterns for generating type-safe route objects, simplifies URL construction with fluent methods, and integrates seamlessly with Inertia.js forms. By using this skill, developers can ensure their frontend API calls and navigation links always stay in sync with backend controller actions while maintaining optimal performance through tree-shakeable named imports.

Características Principales

01Automated type-safe route generation via Artisan commands

02Integrated Inertia.js form helper and attribute bindings

030 GitHub stars

04Verification workflows to sync backend changes with frontend code

05Fluent API for URL construction and query parameter handling

06Tree-shakeable named imports for controller actions and routes

Casos de Uso

01Managing complex API navigation with structured route objects and parameters

02Syncing Laravel backend routes with TypeScript frontend components automatically

03Building type-safe HTML forms using Laravel-aware form attributes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add manuel-kl/hazon wayfinder-development

For use in Claude.ai and ChatGPT

Download Skill