skills.rest
JoeyMckenzie
JoeyMckenzieCOMMUNITY
Explore all skills by this author →
Website𝕏@_joeyMcKenzieGitHub

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
One-click install
npx skills add https://github.com/JoeyMckenzie/website-laravel --skill wayfinder-development-joeymckenzie
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
Daiking07Daiking07

wayfinder-development

Generate Wayfinder route helpers and import patterns for Laravel TypeScript frontends.

Community
Intermediate
y-l-gy-l-g
3

wayfinder-development

Generate type-safe Wayfinder route functions from Laravel routes.

Community
Intermediate
PatternsDevPatternsDev
235

tree-shaking

Eliminate dead code from JavaScript bundles using ES module imports.

Official
Intermediate
joshdonnelljoshdonnell
2

wayfinder-development

Generate type-safe Laravel route objects and URL helpers for TypeScript frontend imports.

Community
Intermediate