wayfinder-development

Generate type-safe Wayfinder route functions from Laravel routes.

3|2|Updated Nov 4, 2025

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

Ready to run

npx skills add https://github.com/y-l-g/saasterkit --skill wayfinder-development-y-l-g

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/y-l-g/saasterkit/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/y-l-g/saasterkit --skill wayfinder-development-y-l-g

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend code often calls Laravel backend routes with hardcoded URLs, leading to brittle integrations and runtime errors. This skill automates the creation of typed Wayfinder route functions that mirror Laravel routes, enabling safer, tree-shakable front-end calls.

Core Features & Use Cases

Generate typed functions for controllers and routes to ensure correct URL paths and methods.
Support importing from '@/actions' and '@/routes' with tree-shaking-friendly patterns.
Re-generate route helpers after route changes to keep frontend code in sync with backend.

Quick Start

Use Wayfinder to generate route helpers after modifying routes.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema

How do I generate type-safe Laravel routes for my frontend app?▼

To generate type-safe Laravel routes, this skill parses your backend route definitions and outputs typed functions with project-wide imports. It creates tree-shaking-friendly route helpers that mirror your controllers, ensuring frontend calls use correct URL paths and methods.

What is the best way to sync frontend code with Laravel route changes?▼

The best way to sync frontend code with Laravel route changes is to re-generate your typed route helpers after modifying routes. This ensures your frontend calls remain in sync with backend definitions, preventing runtime errors caused by hardcoded or outdated URLs.

How do I prevent runtime errors when calling Laravel backend routes from the frontend?▼

You prevent runtime errors by replacing hardcoded URLs with typed Wayfinder route functions that mirror Laravel routes. This enforces correct URL paths and methods at compile time, eliminating brittle frontend-backend integrations.

Do I need Wayfinder to generate type-safe route functions for Laravel?▼

Yes, Wayfinder is required as the skill aligns with Wayfinder's route APIs to generate the typed functions. It parses your Laravel routes and outputs helpers that satisfy Wayfinder's requirements for type-safe frontend integration.