skills.rest
ArtMin96
ArtMin96COMMUNITY
Explore all skills by this author →
𝕏@ArtMin96GitHub

wayfinder-development

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

Updated Mar 15, 2026
Search Tags:#typescript#frontend#backend#laravel#routes#wayfinder
One-click install
npx skills add https://github.com/ArtMin96/ai --skill wayfinder-development-artmin96
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/ArtMin96/ai/tree/main/.claude/skills/wayfinder-development
Command: npx skills add https://github.com/ArtMin96/ai --skill wayfinder-development-artmin96

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of referencing backend routes within frontend components, ensuring consistency and reducing errors when interacting with your Laravel application's API.

Core Features & Use Cases

  • Type-Safe Route Imports: Import route functions directly into your TypeScript/JavaScript code.
  • Route Generation: Automatically generate route definitions for use in your frontend.
  • Use Case: When building a new feature that requires fetching data from a specific controller action, use this Skill to import the corresponding route function and generate the correct URL with parameters.

Quick Start

Run php artisan wayfinder:generate to regenerate routes if the Vite plugin is not installed.

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

You can call Laravel routes from TypeScript by generating type-safe importable route functions, allowing you to reference backend endpoints directly within frontend components without manual URL strings.

What is the best way to manage backend routes in frontend components?▼

Managing backend routes in frontend components involves importing type-safe route functions, ensuring consistency and reducing errors when interacting with your Laravel application's API endpoints.

How do I generate route definitions for frontend use?▼

Generate route definitions for frontend use by running `php artisan wayfinder:generate`, which creates type-safe route functions you can import directly into your TypeScript code.

Do I need a Vite plugin to regenerate Wayfinder routes?▼

You do not need a Vite plugin to regenerate Wayfinder routes; you can manually run `php artisan wayfinder:generate` to create updated type-safe route definitions for your frontend components.

Can I import route functions from `@/actions` or `@/routes` in TypeScript?▼

Yes, you can import type-safe route functions from `@/actions` or `@/routes` to call Laravel controller actions directly and generate correct URLs with parameters in your frontend code.

Related Skills

Explore More Software Engineering Skills→
JeroenJochemsJeroenJochems

wayfinder-development

Generate Laravel backend route definitions for TypeScript and JavaScript frontends.

Community
Intermediate
BellaBeBellaBe
37

frontend-api-connector

Generate typed API clients connecting Next.js App Router pages to backend endpoints with loading and error states.

Community
Advanced
blencorpblencorp
101

tanstack-router

Implement type-safe file-based routing with TanStack Router in React/TypeScript projects.

Official
Intermediate
SivanwolSivanwol

wayfinder-development

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

Community
Intermediate