wayfinder-development

Generate typed frontend route helpers for Laravel Wayfinder.

Updated May 29, 2026
One-click install
npx skills add https://github.com/alimarchal/school --skill wayfinder-development-alimarchal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/alimarchal/school/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/alimarchal/school --skill wayfinder-development-alimarchal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps frontend teams generate typed route helpers for Laravel Wayfinder, reducing boilerplate and preventing routing mistakes when calling backend endpoints from React, Vue, Svelte, or Inertia apps.

Core Features & Use Cases

  • Auto-generated typed route functions for controllers and routes.
  • Seamless integration between frontend frameworks and Laravel backend.
  • Keeps frontend and backend route mappings in sync using wayfinder:generate.

Quick Start

Run the Wayfinder generation command after updating routes, then import the generated helpers in frontend code to call backend endpoints.

Frequently Asked Questions about wayfinder-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate typed frontend route helpers for a Laravel backend?

You can generate typed frontend route helpers for a Laravel backend by running the wayfinder:generate command, which automates the creation of TypeScript functions for calling controllers. This keeps frontend route mappings in sync with the backend.

Does Wayfinder work with React, Vue, Svelte, and Inertia frontends?

Wayfinder works with React, Vue, Svelte, and Inertia frontends to enable type-safe calls to Laravel endpoints. It provides seamless integration by generating typed route helpers that prevent routing mistakes across these frameworks.

How do I resolve TypeScript route-related errors when calling Laravel endpoints?

To resolve TypeScript route-related errors when calling Laravel endpoints, use Wayfinder to auto-generate typed route functions. This ensures type-safe calls to backend controllers and routes, eliminating manual typing mistakes and routing mismatches.

How do route model binding and HTTP methods work with generated Laravel Wayfinder routes?

Generated Laravel Wayfinder routes support route model binding and HTTP methods through typed helper functions. You can use .url(), .get(), .post(), and .form() methods to make type-safe calls to backend controllers.

What is the best way to keep frontend and backend route mappings in sync?

The best way to keep frontend and backend route mappings in sync is by running the wayfinder:generate command after updating routes. This process updates the typed frontend helpers to match the current backend endpoint definitions.

Why should I use typed route helpers instead of manually typing Laravel API calls?

You should use typed route helpers instead of manually typing Laravel API calls to reduce boilerplate and prevent routing mistakes. Auto-generated helpers ensure compatibility with backend routes and controllers, providing end-to-end type safety.