wayfinder-development

Generate type-safe TypeScript representations of Laravel backend routes.

30|13|Updated Oct 23, 2025
One-click install
npx skills add https://github.com/acara-app/plate --skill wayfinder-development-acara-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/acara-app/plate/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/acara-app/plate --skill wayfinder-development-acara-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables seamless referencing of Laravel backend routes from frontend components by providing predictable, type-safe route generation and imports.

Core Features & Use Cases

  • Generates route objects and URLs from backend controllers to be used directly in TypeScript/JavaScript code.
  • Supports imports from @/actions and @/routes, plus usage with Inertia/Wayfinder patterns for consistent navigation.
  • Applicable whenever integrating Laravel routes into frontend code, updating route signatures, or scaffolding route-based forms.

Quick Start

Run the route generator after changing backend routes to refresh TypeScript imports and ensure URL objects stay in sync.

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 TypeScript frontend code?

Generate type-safe Laravel routes for TypeScript by running php artisan wayfinder:generate to create predictable route objects and URLs. This synchronizes backend controller signatures with frontend imports, ensuring type safety across your stack.

How does Wayfinder sync Laravel backend routes with React or TypeScript applications?

Wayfinder syncs Laravel backend routes with TypeScript by generating frontend-facing route objects and URL mappings. Importing from '@/actions' or '@/routes' allows React components to reference backend controllers with full type safety.

Can I use Wayfinder to scaffold route-based forms in Laravel and TypeScript?

Yes, you can scaffold route-based forms in Laravel and TypeScript by running php artisan wayfinder:generate with the --with-form option. This generates form-compatible route objects for seamless frontend integration.

Do I need to run php artisan wayfinder:generate every time backend routes change?

Yes, you need to run php artisan wayfinder:generate after changing backend routes to refresh TypeScript imports. This ensures frontend URL objects and route signatures stay synchronized with Laravel backend controllers.

What is the best way to call Laravel routes from a TypeScript frontend?

The best way to call Laravel routes from a TypeScript frontend is using Wayfinder utilities to generate type-safe route objects. This provides predictable imports from '@/actions' or '@/routes' for consistent navigation and URL mapping.

Does Wayfinder support non-interactive route generation for automated workflows?

Yes, Wayfinder supports non-interactive route generation via the --no-interaction flag. This allows automated workflows to generate type-safe Laravel route objects without manual input prompts during the build process.