What form library is integrated with this skill?

The library is built to work seamlessly with @react-typed-forms/core, providing high-performance, type-safe form management and validation.

Does this skill support authenticated API calls?

Yes, the SecurityService includes a specialized fetch implementation that automatically handles Bearer token injection for authorized HTTP requests.

What is the main purpose of astroapps-client?

It serves as the foundation library for React applications within the Astrolabe ecosystem, providing core services for authentication, navigation, and form handling.

Can it map backend validation errors to the frontend?

Yes, it includes specialized utilities like badRequestToErrors that automatically map ASP.NET Core FluentValidation errors directly back to the corresponding React form controls.

How does it handle URL synchronization?

It uses a NavigationService that provides two-way binding between form controls and URL query parameters, featuring automatic debouncing and batching for performance.

AstroApps Core Client

Name: AstroApps Core Client
Author: astrolabe-apps

byastrolabe-apps

0•

API Development

Provides a comprehensive foundation for React applications with integrated authentication, type-safe navigation, and robust form validation.

The astroapps-client skill enables Claude to architect and implement React applications using the Astrolabe framework's core library. It streamlines the integration of essential services such as the SecurityService for authentication and token management, the NavigationService for URL query parameter synchronization, and advanced form validation utilities that map backend errors to frontend controls. This skill is ideal for developers building enterprise-grade React interfaces that require consistent state management, authenticated API communication, and sophisticated UI feedback systems like toasts and breadcrumbs.

Key Features

01Integrated toast notifications and dynamic breadcrumb management

02Automated mapping of FluentValidation errors to React form controls

03Centralized dependency injection via AppContext for UI services

04Two-way URL query parameter synchronization with automatic debouncing

050 GitHub stars

06SecurityService for authentication state and secure token management

Use Cases

01Implementing complex search filters that automatically sync state with URL query strings

02Developing robust forms with real-time validation and server-side error handling integration

03Building secure dashboards with role-based access and authenticated API requests

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add astrolabe-apps/astrolabe-common astroapps-client

For use in Claude.ai and ChatGPT

Download Skill