Web Frontend Implementation Guide

Use this skill together with /pma. /pma controls workflow, approval, and task tracking; this guide defines the implementation baseline after work is approved.

Keep this entry file lean. Load only the reference packs needed for the current task.

Scope

For PMA-managed SPA and internal-tool frontend projects using:

• React + TypeScript + Vite
• TanStack Router for file-based type-safe routing
• TanStack Query for server state
• Zustand for UI-only client state
• shadcn/ui (base-nova) with @base-ui/react and Tailwind CSS — the only allowed UI ecosystem (references/baseline.md UI Library Policy)

All of these track their latest stable releases; this skill names no versions (see /pma references/workflow.md Dependency Freshness).

Single-app layout is the default. Reach for a Bun monorepo only when the repo really hosts multiple apps or shared packages — a single SPA bolted onto a Rust or Go service does not need workspaces.