skills.rest
daliendev
daliendevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wayfinder-development

Generate Laravel route objects for Vue/TypeScript frontends via Wayfinder.

Updated Aug 23, 2026
Search Tags:#frontend#routing#vue#imports#laravel#typesafe#wayfinder
One-click install
npx skills add https://github.com/daliendev/scrolling-through --skill wayfinder-development-daliendev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/daliendev/scrolling-through/tree/main/.github/skills/wayfinder-development
Command: npx skills add https://github.com/daliendev/scrolling-through --skill wayfinder-development-daliendev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps developers automatically generate and reference backend routes from frontend code, ensuring correct URLs and methods when importing from @/actions or @/routes and using Laravel routes in TypeScript.

Core Features & Use Cases

  • Generate and access route objects (show, route) for frontend use
  • Type-safe imports from actions and routes
  • Inertia integration example
  • Form helpers for HTML forms

Quick Start

Run php artisan wayfinder:generate after route changes to refresh route mappings.

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

Type-safe route generation links frontend route usage to backend Laravel routes, ensuring accurate URL generation and HTTP methods when developing Vue and TypeScript frontends.

How do I synchronize frontend route imports after changing backend Laravel routes?▼

You synchronize frontend route imports after backend changes by running php artisan wayfinder:generate, which refreshes the route mappings for your TypeScript frontend.

Does Wayfinder support Inertia.js integration for Vue applications?▼

Yes, Wayfinder supports Inertia integration, providing examples and form helpers to connect Vue frontend usage to backend Laravel routes.

Can I import Laravel route objects directly from @/actions or @/routes in TypeScript?▼

Yes, you can import route objects and form helpers directly from @/actions or @/routes in TypeScript, ensuring type-safe imports and reliable route object generation.

What is the best way to ensure accurate HTTP methods when referencing Laravel routes in Vue?▼

The best way to ensure accurate HTTP methods is to use Wayfinder, which links frontend route usage to backend Laravel routes for accurate URL generation and HTTP methods.

Why do my frontend route imports not match my updated Laravel backend routes?▼

Frontend route imports fail to match updated Laravel routes because the mappings are outdated; run php artisan wayfinder:generate after route changes to refresh and synchronize them.

Related Skills

Explore More Software Engineering Skills→
krlmrrkrlmrr

wayfinder-development

Generate type-safe Laravel route objects and URL builders for Vue components.

Community
Advanced
EyesLight6EyesLight6

wayfinder-development

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

Community
Intermediate
PickleSodaPickleSoda

wayfinder-development

Generate Laravel route files and validate TypeScript imports for Inertia.js.

Community
Intermediate
y-l-gy-l-g
3

wayfinder-development

Generate type-safe Wayfinder route functions from Laravel routes.

Community
Intermediate