skills.rest
oxorp
oxorpCOMMUNITY
Explore all skills by this author →
GitHub

wayfinder-development

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

Updated Feb 6, 2026
Search Tags:#typescript#frontend#routing#laravel#tree-shaking#url-generation#wayfinder
One-click install
npx skills add https://github.com/oxorp/lugn-och-ro --skill wayfinder-development-oxorp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/oxorp/lugn-och-ro/tree/main/.cursor/skills/wayfinder-development
Command: npx skills add https://github.com/oxorp/lugn-och-ro --skill wayfinder-development-oxorp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend code often struggles with keeping frontend route references in sync with backend Laravel routes. Wayfinder Development provides a consistent, type-safe way to generate and import backend routes from the frontend, reducing errors and friction.

Core Features & Use Cases

  • Generate type-safe route objects for controller actions
  • Import route patterns with named imports
  • Get ready-to-use URL and HTTP method helpers
  • Inertia integration with the Form component for frontend forms

Quick Start

Install the Wayfinder tooling and start by importing route helpers from '@/routes' and using show(...) to generate URLs.

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 in a TypeScript frontend?▼

Laravel routes are mapped to TypeScript frontend code by auto-generating type-safe route helpers. You import these helpers from '@/routes' or '@/actions' to reference backend endpoints without manual URL string typing.

What is the best way to keep frontend routing in sync with Laravel backend endpoints?▼

Frontend routing stays in sync with Laravel backend endpoints by generating auto-generated, type-safe route helpers. This provides ready-to-use HTTP methods and URL variants, reducing friction and manual mapping errors.

Does Wayfinder support tree-shaking for imported Laravel route helpers?▼

Yes, Wayfinder supports tree-shaking by using named imports for route patterns. Importing specific route helpers from '@/actions' or '@/routes' ensures unused controllers are excluded from the final frontend bundle.

Can I use form helpers for HTML forms when integrating Laravel routes with TypeScript?▼

Yes, form helpers are available for HTML forms, including Inertia integration with a Form component. These helpers provide methods like store, update, and destroy to handle frontend form submissions to backend endpoints.

How do I get URL variants for controller actions when referencing backend routes?▼

URL variants for controller actions are provided alongside standard HTTP method helpers. When importing route objects from '@/routes', you receive ready-to-use URL generation functions for frontend navigation to backend endpoints.

Related Skills

Explore More Software Engineering Skills→
Barata-RibeiroBarata-Ribeiro
2

wayfinder-development

Generate type-safe route helpers from Laravel backend routes for TypeScript frontend code.

Community
Intermediate
JaguarJackJaguarJack
928

routes

Generate Laravel route configurations for CatchAdmin modules with CRUD and auxiliary routes.

Community
Basic
khgs2411khgs2411
38

flow-designer

Facilitates architectural brainstorming sessions and updates PLAN.md with decisions and rationale.

Community
Advanced
JeroenJochemsJeroenJochems

wayfinder-development

Generate Laravel backend route definitions for TypeScript and JavaScript frontends.

Community
Intermediate