wayfinder-development

Name: wayfinder-development
Availability: InStock
Author: sivanwol

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

Updated Apr 7, 2026

Search Tags:#typescript #frontend #laravel #type-safe #route #wayfinder

Ready to run

npx skills add https://github.com/Sivanwol/sabo-platfom --skill wayfinder-development-sivanwol

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/Sivanwol/sabo-platfom/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/Sivanwol/sabo-platfom --skill wayfinder-development-sivanwol

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the integration between backend Laravel routes and frontend code by providing reliable, type-safe route helpers that minimize manual errors.

Core Features & Use Cases

Type-safe route helpers for importing actions and routes from @/actions and @/routes
Generate and verify route calls from TypeScript, reducing runtime routing errors
Works with Wayfinder route functions to keep frontend and backend in sync

Quick Start

Install and run Wayfinder to generate and validate type-safe route imports for your TypeScript frontend.

Frequently Asked Questions about wayfinder-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I get type-safe Laravel routes in my TypeScript frontend?▼

Type-safe Laravel routes are generated in TypeScript by running Wayfinder to create route helpers. This process validates imports from @/actions and @/routes, minimizing manual runtime errors when frontend components call backend endpoints.

Why do my frontend calls to Laravel routes break when backend routing changes?▼

Frontend calls break due to desynchronized backend routing changes. Wayfinder solves this by generating type-safe route helpers that validate TypeScript route usage against the current Laravel backend, catching routing errors during development.

Can I import Laravel controller actions directly into TypeScript?▼

Yes, Laravel controller actions can be imported directly into TypeScript. Wayfinder generates type-safe route functions mapped to @/actions and @/routes, allowing frontend components to reference and call backend endpoints with full type validation.

How does Wayfinder keep frontend route usage in sync with Laravel backend changes?▼

Wayfinder keeps frontend route usage in sync by automating the generation and validation of TypeScript route helpers. It maps @/actions and @/routes imports to current Laravel endpoints, ensuring type-safe integration and reducing manual route reference errors.

What is the best way to reference Laravel routes from a TypeScript frontend without manual URL strings?▼

The best way to reference Laravel routes without manual URL strings is using Wayfinder type-safe helpers. This tool generates TypeScript route functions from Laravel backend definitions, allowing direct imports of actions and routes to ensure validated, sync-safe calls.