Skills
.Work. You
Rest

pagoda-frontend-core

Official

Guide for Pagoda frontend core development.

Software Engineering#typescript#frontend#react#routing#mui#api-client
Authordmm-com
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Development Guide standardizes Pagoda/AirOne frontend development practices, providing a single source of truth for building and modifying page components, shared components, hooks, services, routing, and API clients under frontend/src (excluding plugins/).

Core Features & Use Cases

  • Unified frontend architecture guidelines for React + TypeScript + MUI, including data fetching with SWR and form handling with React Hook Form + Zod.
  • Clear directory structure guidance for frontend/src (pages, components, hooks, services, repository, routes, i18n, and plugins) to improve maintainability and onboarding.
  • Best practices for routing, API clients, and type-safe communication with the backend, plus conventions for testing and linting.
  • Onboarding and maintenance support to reflect backend API changes, ensuring frontend stays in sync with server contracts.

Quick Start

Open the Pagoda frontend core guide and apply the defined patterns to begin implementing or modifying a component under frontend/src.

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: pagoda-frontend-core
Download link: https://github.com/dmm-com/pagoda/archive/main.zip#pagoda-frontend-core

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.