skills.rest
wovosoft
wovosoftCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wayfinder-development

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

Updated Feb 10, 2026
Search Tags:#typescript#frontend#routing#laravel#route-generation#wayfinder#typed-helpers
One-click install
npx skills add https://github.com/wovosoft/fluentcode --skill wayfinder-development-wovosoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/wovosoft/fluentcode/tree/main/.junie/skills/wayfinder-development
Command: npx skills add https://github.com/wovosoft/fluentcode --skill wayfinder-development-wovosoft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Activates whenever referencing backend routes in frontend components. It provides a structured approach to generate and use route helpers, reducing errors when importing from @/actions or @/routes and when calling Laravel routes from TypeScript.

Core Features & Use Cases

  • Route generation with type-safe helpers for common actions (show, store, update, destroy)
  • Import patterns for actions and routes to improve tree-shaking and maintainability
  • Wayfinder + Inertia integration examples and usage guidance
  • Verification steps to ensure imports resolve and URLs match backend endpoints
  • Pitfalls to avoid, including overreliance on default imports

Quick Start

Regenerate Wayfinder routes after Laravel route changes to ensure type-safe frontend references.

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 frontend components safely?▼

To call Laravel routes from TypeScript safely, use generated route helpers and typed URL builders. This provides type-safe access to backend endpoints, reducing errors when importing from `@/actions` or `@/routes`.

What are typed URL builders for frontend-to-backend route access?▼

Typed URL builders for frontend-to-backend route access are generated helpers that provide type-safe methods for common actions like show, store, update, and destroy. They ensure frontend references match backend endpoints exactly.

Does Wayfinder work with Inertia.js for route generation in TypeScript?▼

Wayfinder works with Inertia.js by providing integration examples and usage guidance for generated route helpers. It ensures type-safe frontend references to backend routes, maintaining compatibility across both tooling environments.

How do I fix import resolution errors when referencing backend routes in frontend code?▼

Fix import resolution errors by following specific import patterns for actions and routes rather than relying on default imports. The Skill provides verification steps to ensure imports resolve and URLs match backend endpoints correctly.

Why do I need to regenerate Wayfinder routes after changing Laravel routes?▼

Regenerating routes after Laravel changes is required to update type-safe frontend references. If not regenerated, frontend code may reference outdated or invalid backend endpoints, causing runtime errors and broken navigation.

Related Skills

Explore More Software Engineering Skills→
y-l-gy-l-g
3

wayfinder-development

Generate type-safe Wayfinder route functions from Laravel routes.

Community
Intermediate
oxorpoxorp

wayfinder-development

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

Community
Intermediate
PickleSodaPickleSoda

wayfinder-development

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

Community
Intermediate
JoeyMckenzieJoeyMckenzie

wayfinder-development

Generate typed route helpers for Laravel Wayfinder across React, Vue, Svelte, and Inertia projects.

Community
Advanced