Skills
.Work. You
Rest

rule-frontend-services

Community

Enforces frontend service best practices.

Software Engineering#frontend#api#zod#types#guards#fetchers
Authorbtabaska
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend developers often diverge in API integration approaches; this skill defines and enforces a standardized set of patterns for building, securing, and validating frontend fetch logic.

Core Features & Use Cases

  • Centralized Fetch Patterns: Always use standardized endpoint configs and requester wrappers to ensure consistency across API calls.
  • Server-only directives and client fetchers: Enforce correct separation between server-side and client-side code with explicit guards and hooks.
  • Type-safe envelopes and validation: Use a consistent { data: T } response pattern, TypeScript types, and Zod schemas for server actions.
  • Security and auth guardrails: Use getSession, X-SGG-Token headers, and AuthenticationGate/AuthorizationGate to protect resources.
  • Quick-start real-world scenario: When adding a new frontend API integration, follow these conventions to minimize rework.

Quick Start

Implement new frontend API integrations following the centralized fetch patterns and guardrails described in this guide.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rule-frontend-services
Download link: https://github.com/btabaska/simpler-grants-documentation-automation/archive/main.zip#rule-frontend-services

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.