wayfinder-development

Generate typed functions for Laravel controllers and routes.

1|Updated May 24, 2026
One-click install
npx skills add https://github.com/PTKDrake/FIT-vmu --skill wayfinder-development-ptkdrake
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/PTKDrake/FIT-vmu/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/PTKDrake/FIT-vmu --skill wayfinder-development-ptkdrake

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires laravel, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill automates the process of generating typed functions for Laravel controllers and routes, simplifying the integration of frontend code with backend logic.

Core Features & Use Cases

  • Route Generation: Automatically generates typed functions for Laravel routes.
  • Controller Integration: Helps in seamlessly connecting React/Vue/Svelte/Inertia frontends to Laravel controllers.
  • Form and Link Wiring: Assists in wiring up forms or links to backend endpoints.
  • TypeScript Error Fixing: Helps in fixing route-related TypeScript errors.
  • End-to-End Feature Development: Ideal for building end-to-end features with both frontend and backend.

Quick Start

Run php artisan wayfinder:generate after making route changes if the Vite plugin isn't installed.

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 TypeScript types for Laravel routes?

Auto-generating TypeScript types for Laravel routes involves running `php artisan wayfinder:generate` after route changes, which creates typed functions connecting your frontend framework to backend controllers.

How do I wire a React or Vue frontend to Laravel controllers with TypeScript?

To wire React or Vue to Laravel controllers, you use generated typed functions that map to your route definitions, automatically handling route model binding and query parameters for seamless integration.

Does this route generation work with Inertia.js and Svelte?

Yes, this route generation is designed specifically for React, Vue, Svelte, and Inertia frontends, providing typed functions and form helpers to connect seamlessly with Laravel controllers.

What is the best way to fix TypeScript errors related to Laravel routes?

The best way to fix route-related TypeScript errors is to regenerate typed functions for your Laravel controllers and routes, ensuring your frontend code matches the current backend endpoint definitions.

Do I need Laravel to generate typed controller functions?

Yes, Laravel is a required dependency for generating typed controller functions, and you need specific plugins installed for full functionality like automatic generation via Vite.