wayfinder-development

Generate typed route helpers for Laravel Wayfinder across React, Vue, Svelte, and Inertia projects.

Updated Mar 31, 2026

Search Tags:#typescript #frontend #routing #laravel #tree-shaking #inertia #wayfinder

Ready to run

npx skills add https://github.com/JoeyMckenzie/website-laravel --skill wayfinder-development-joeymckenzie

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/JoeyMckenzie/website-laravel/tree/main/.claude/skills/wayfinder-development
Command: npx skills add https://github.com/JoeyMckenzie/website-laravel --skill wayfinder-development-joeymckenzie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bridge frontend apps and Laravel backends by generating typed route helpers that safely call controllers and routes, reducing boilerplate and errors.

Core Features & Use Cases

Generates typed route functions for common HTTP actions and route wiring.
Supports imports from @/actions and @/routes with tree-shaking-friendly exports.
Enables end-to-end frontend-backend workflows in React, Vue, Svelte, and Inertia projects.

Quick Start

Run php artisan wayfinder:generate --no-interaction to regenerate route helpers and start using them in frontend code.

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 Laravel route helpers for a frontend app?▼

To generate typed Laravel route helpers for a frontend app, run php artisan wayfinder:generate --no-interaction. This command creates tree-shaking-friendly route functions that safely connect your frontend to backend controllers.

What is the best way to connect a React or Vue frontend to Laravel controllers without boilerplate?▼

The best way to connect a React or Vue frontend to Laravel controllers without boilerplate is using generated typed route helpers. These helpers provide imports from @/actions and @/routes, reducing manual URL configuration and errors.

Does Laravel Wayfinder work with Svelte and Inertia frameworks?▼

Yes, Laravel Wayfinder works with Svelte, Inertia, React, and Vue frameworks. It supports end-to-end frontend-backend workflows by generating typed route functions and form utilities tailored for multi-framework frontend projects.

How do I use tree-shaking-friendly exports for Laravel routes in TypeScript?▼

To use tree-shaking-friendly exports for Laravel routes in TypeScript, generate typed route helpers via the wayfinder:generate command. This produces optimized @/routes and @/actions imports, ensuring only necessary code is bundled into your frontend.

Can I automate URL helper and form utility generation for Inertia routing?▼

You can automate URL helper and form utility generation for Inertia routing by running the wayfinder:generate command. It outputs typed route functions that integrate seamlessly with Inertia projects to handle HTTP actions and form submissions.