wayfinder-development

Generate TypeScript route references for Laravel backend routes via artisan commands.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/SamuelBisberg/exam-arena --skill wayfinder-development-samuelbisberg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/SamuelBisberg/exam-arena/tree/main/.junie/skills/wayfinder-development
Command: npx skills add https://github.com/SamuelBisberg/exam-arena --skill wayfinder-development-samuelbisberg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Frontend development can become complicated when navigating backend routes. This Skill provides an essential reference to simplify route integration.

Core Features & Use Cases

  • Route Reference: Offers clear, TypeScript-compatible imports and method mappings for backend routes.
  • Automated Generation: Automatically generates route code to update frontend references after changes.
  • Type Safety: Encourages the use of TypeScript for better route and parameter type management.
  • Use Case: Ideal for frontend developers needing to reference backend routes without delving into backend codebase.

Quick Start

To generate the necessary routes, execute the following command: php artisan wayfinder:generate

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema
How do I generate TypeScript route references from Laravel backend routes?

You can generate TypeScript route references from Laravel backend routes by executing the `php artisan wayfinder:generate` command. This command automatically builds TypeScript-compatible imports and method mappings to update your frontend code after backend route changes.

What is the best way to keep frontend TypeScript route types in sync with a Laravel backend?

The best way to keep frontend TypeScript route types in sync with a Laravel backend is through automated route generation. This process provides clear TypeScript-compatible imports and method mappings, eliminating the need to manually check the backend codebase for route definitions.

How do I automate frontend route updates when Laravel backend routes change?

You automate frontend route updates by running the dedicated artisan command to regenerate route code. This ensures your frontend components immediately reflect backend route changes without requiring manual reference updates or direct backend codebase inspection.

Do I need to inspect the Laravel backend codebase to map frontend routes?

No, you do not need to inspect the Laravel backend codebase to map frontend routes. This Skill provides an essential TypeScript-compatible reference, allowing frontend developers to interact with backend routes directly through automated code generation.

Can I get type safety for Laravel route parameters in my frontend TypeScript code?

Yes, you can get type safety for Laravel route parameters in your frontend TypeScript code. The generated route references enforce TypeScript compatibility, encouraging better route and parameter type management across your frontend components.