wayfinder-development

Generate type-safe Laravel route functions for TypeScript frontend imports.

Updated Mar 15, 2026

Search Tags:#typescript #frontend #backend #laravel #routes #wayfinder

Ready to run

npx skills add https://github.com/ArtMin96/ai --skill wayfinder-development-artmin96

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/ArtMin96/ai/tree/main/.claude/skills/wayfinder-development
Command: npx skills add https://github.com/ArtMin96/ai --skill wayfinder-development-artmin96

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of referencing backend routes within frontend components, ensuring consistency and reducing errors when interacting with your Laravel application's API.

Core Features & Use Cases

Type-Safe Route Imports: Import route functions directly into your TypeScript/JavaScript code.
Route Generation: Automatically generate route definitions for use in your frontend.
Use Case: When building a new feature that requires fetching data from a specific controller action, use this Skill to import the corresponding route function and generate the correct URL with parameters.

Quick Start

Run php artisan wayfinder:generate to regenerate routes if the Vite plugin is not installed.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema

How do I call Laravel routes from TypeScript safely?▼

You can call Laravel routes from TypeScript by generating type-safe importable route functions, allowing you to reference backend endpoints directly within frontend components without manual URL strings.

What is the best way to manage backend routes in frontend components?▼

Managing backend routes in frontend components involves importing type-safe route functions, ensuring consistency and reducing errors when interacting with your Laravel application's API endpoints.

How do I generate route definitions for frontend use?▼

Generate route definitions for frontend use by running `php artisan wayfinder:generate`, which creates type-safe route functions you can import directly into your TypeScript code.

Do I need a Vite plugin to regenerate Wayfinder routes?▼

You do not need a Vite plugin to regenerate Wayfinder routes; you can manually run `php artisan wayfinder:generate` to create updated type-safe route definitions for your frontend components.

Can I import route functions from `@/actions` or `@/routes` in TypeScript?▼

Yes, you can import type-safe route functions from `@/actions` or `@/routes` to call Laravel controller actions directly and generate correct URLs with parameters in your frontend code.