bedrud-fe-platform

Set up a React frontend with TanStack Router, typed API client, and auth hooks.

6|1|Updated May 4, 2026
One-click install
npx skills add https://github.com/themadorg/bedrud --skill bedrud-fe-platform
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bedrud-fe-platform
Source: https://github.com/themadorg/bedrud/tree/main/.agents/skills/bedrud-fe-platform
Command: npx skills add https://github.com/themadorg/bedrud --skill bedrud-fe-platform

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a ready-to-use Bedrud frontend foundation that standardizes routing, API communication, and authentication across projects, reducing boilerplate and onboarding time.

Core Features & Use Cases

  • Central router powered by TanStack Router for a consistent app shell.
  • Centralized, type-safe API client with automatic token management and error handling.
  • Shared authentication hooks and TypeScript types to accelerate feature development across web apps.

Use cases include bootstrapping a new Bedrud web UI, adding authenticated pages, and rapidly integrating with Bedrud REST APIs.

Quick Start

Initialize the Bedrud frontend scaffold with routing, API client, and auth hooks, then run the app.

Frequently Asked Questions about bedrud-fe-platform

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

FAQPage Schema
How do I set up a React frontend with routing and API authentication?

You can set up a React frontend with routing and API authentication by using a centralized scaffold. It provides a cohesive app shell with TanStack Router, a typed API client with automatic token management, and shared auth hooks to standardize development.

What is the best way to bootstrap a new React web UI with type-safe API communication?

The best way to bootstrap a type-safe React web UI is using a standardized foundation. It configures a centralized, type-safe API client with automatic error handling and shared TypeScript types to accelerate feature development and reduce boilerplate.

Does this frontend foundation use TanStack Router for app routing?

Yes, this frontend foundation uses TanStack Router. It provides a central router to create a consistent app shell across new web deployments, ensuring cohesive routing management within your React application.

Can I use shared authentication hooks to add authenticated pages to my web app?

Yes, you can use shared authentication hooks to add authenticated pages. The foundation includes shared auth hooks and TypeScript types designed to accelerate the integration of authenticated routes with your REST APIs.

How do I handle API token management and errors in a React frontend?

To handle API token management and errors in a React frontend, you use a centralized, type-safe API client. It automatically manages tokens and handles errors, reducing boilerplate when integrating with REST APIs.

Why use a centralized scaffold for new web deployments instead of manual configuration?

Using a centralized scaffold for new web deployments standardizes routing, API communication, and authentication. This approach reduces boilerplate and onboarding time by providing a ready-to-use foundation with build config and shared UI hooks.