wayfinder-development

Generate type-safe Laravel route and controller helpers for React, Vue, Svelte, and Inertia.

2|Updated Mar 3, 2025
One-click install
npx skills add https://github.com/dspangenberg/opsc --skill wayfinder-development-dspangenberg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/dspangenberg/opsc/tree/main/.junie/skills/wayfinder-development
Command: npx skills add https://github.com/dspangenberg/opsc --skill wayfinder-development-dspangenberg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of wiring frontend code to Laravel backend endpoints by generating type-safe route and controller helpers instead of relying on fragile hardcoded URLs.

Core Features & Use Cases

  • Type-safe route generation: Create importable helper functions for controllers and named routes.
  • Frontend-backend wiring: Connect React, Vue, Svelte, and Inertia UI flows to Laravel actions, forms, and links.
  • Route-aware updates: Regenerate helpers after backend changes to keep URLs, methods, and parameters aligned.
  • Use case: A team updates a controller action and instantly refreshes frontend imports so forms, links, and query parameters continue to work without manual URL maintenance.

Quick Start

Ask the AI to use the Wayfinder skill to generate or update type-safe Laravel route helpers for your frontend after a route or controller change.

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 route links for my frontend?

Generate type-safe Laravel route links by creating importable helper functions for controllers and named routes. This replaces fragile hardcoded URLs with type-safe frontend wiring for React, Vue, Svelte, and Inertia integrations.

How do I keep frontend URLs in sync after changing Laravel routes?

Keep frontend URLs in sync by regenerating route helpers after backend route or controller changes. This route-aware update instantly refreshes frontend imports so forms and links continue working without manual URL maintenance.

Does Wayfinder support route model binding and query parameters?

Wayfinder supports route model binding and query parameter handling. It generates type-safe controller action helpers that automatically manage these bindings and parameters for your frontend application.

Can I use type-safe Laravel controller actions with Inertia?

You can use type-safe Laravel controller actions with Inertia. The generated helpers connect Inertia UI flows to backend Laravel actions, forms, and links using named imports.

What is the best way to wire a React frontend to Laravel backend endpoints?

The best way to wire a React frontend to Laravel endpoints is generating type-safe route helpers instead of hardcoded URLs. This approach ensures forms and links stay aligned with backend route changes.

Why do hardcoded Laravel URLs break in my TypeScript frontend?

Hardcoded Laravel URLs break because they lack route-aware updates when backend controllers change. Generating type-safe route helpers ensures URLs, methods, and parameters remain aligned automatically.