wayfinder-development

Generate type-safe Laravel route helpers for frontend frameworks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/muddassarsaleemiqbal/haulix-core --skill wayfinder-development-muddassarsaleemiqbal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/muddassarsaleemiqbal/haulix-core/tree/main/.github/skills/wayfinder-development
Command: npx skills add https://github.com/muddassarsaleemiqbal/haulix-core --skill wayfinder-development-muddassarsaleemiqbal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Use this skill for Laravel Wayfinder which auto-generates typed functions for Laravel controllers and routes. ALWAYS use this skill when frontend code needs to call backend routes or controller actions. Trigger when: connecting any React/Vue/Svelte/Inertia frontend to Laravel controllers, routes, building end-to-end features with both frontend and backend, wiring up forms or links to backend endpoints, fixing route-related TypeScript errors, importing from @/actions or @/routes, or running wayfinder:generate. Use Wayfinder route functions instead of hardcoded URLs. Covers: wayfinder() vite plugin, .url()/.get()/.post()/.form(), query params, route model binding, tree-shaking. Do not use for backend-only task

Core Features & Use Cases

  • Auto-generates typed route helpers for common controller actions and routes
  • Provides safe, tree-shaken imports for frontend calls
  • Supports URL builders, HTTP method helpers, and form helpers within Wayfinder

Quick Start

Run php artisan wayfinder:generate --no-interaction to regenerate typed route helpers after route changes.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema
How do I auto-generate typed Laravel route helpers for a TypeScript frontend?

To auto-generate typed Laravel route helpers, run php artisan wayfinder:generate. This creates type-safe route objects with url, get, post, and form methods, enabling frontend frameworks to call backend controllers without hardcoded URLs.

How does tree-shaking work with Laravel Wayfinder route functions?

Tree-shaking with Wayfinder route functions works by generating modular route objects that bundlers can safely eliminate if unused. This ensures only the specific controller actions and routes imported in your frontend code are included in the final bundle.

Can I use Wayfinder to connect a React or Vue frontend to Laravel controllers?

Yes, you can use Wayfinder to connect React, Vue, Svelte, or Inertia frontends to Laravel controllers. It auto-generates typed functions for routes, allowing you to wire forms and links directly to backend endpoints safely.

What is the best way to fix route-related TypeScript errors in a Laravel Inertia project?

The best way to fix route-related TypeScript errors in a Laravel Inertia project is regenerating type-safe route helpers via wayfinder:generate. This updates route objects and form methods, ensuring frontend imports from @/actions or @/routes match backend definitions.

Does Wayfinder support route model binding and query parameters?

Yes, Wayfinder supports route model binding and query parameters. The generated typed route helpers provide url, get, post, and form methods that automatically handle parameter binding, ensuring type-safe data passing between frontend calls and Laravel endpoints.