WonderPanda/api-orpc
.claude/skills/api-orpc/SKILL.md
oRPC API layer patterns for Mana Vault. Use when creating or modifying API routes/procedures, working with oRPC server or client code, adding new endpoints, or debugging API errors. Covers procedure types, Zod validation, error handling, and client-side query/mutation patterns.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add WonderPanda/mana-vault api-orpcInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 4:49 PM10.1s1 file scanned
SKILL.md
- name:
- api-orpc
- description:
- >
API Layer (oRPC)
- Define procedures in
packages/api/src/ - Use
publicProcedurefor unauthenticated endpoints - Use
protectedProcedurefor authenticated endpoints - Zod for input/output validation
export const appRouter = {
healthCheck: publicProcedure.handler(() => "OK"),
privateData: protectedProcedure.handler(({ context }) => ({
message: "Private",
user: context.session?.user,
})),
};
Error Handling
- Use
ORPCErrorfor API errors with standard codes - Toast notifications via
sonnerfor user-facing errors - QueryClient global error handler shows toast with retry action
// API error
throw new ORPCError("UNAUTHORIZED");
// Client-side error handling
onError: (error) => {
toast.error(error.error.message || error.error.statusText);
};
Related Skills
WonderPanda/worktrunk-setup
development
VerifiedTrustedCommunity
Set up worktrunk (git worktree manager) with dynamic port allocation for Better-T-Stack monorepos using Doppler, Alchemy, and Vite. Use when bootstrapping a new project's worktree workflow, or when asked to "set up worktrunk", "configure worktrees", "add worktree support", or "set up dynamic ports for worktrees". Covers: post-create hooks (Doppler setup, dependency install, .env.worktree generation), env-based port overrides in Vite and Alchemy configs, and dev script modification to source worktree-specific env vars after Doppler injection.
SKILL.mdUpdated Apr 16, 2026
WonderPanda/tanstack-db-client
tools
VerifiedTrustedCommunity
TanStack DB client-side reactive data patterns for Mana Vault. Use when working with useLiveQuery hooks, client-side collections, RxDB/Dexie sync, or any reactive data queries in the web app. Covers hook locations, DB setup, and query builder best practices.
SKILL.mdUpdated Apr 16, 2026
WonderPanda/react-native-expo
development
VerifiedTrustedCommunity
React Native and Expo patterns for Mana Vault mobile app. Use when working on the native app in apps/native/, modifying Expo Router routes, HeroUI Native components, or Uniwind styling. Covers project structure and key conventions.
SKILL.mdUpdated Apr 16, 2026
WonderPanda/react-components
development
VerifiedTrustedCommunity
React component patterns, styling conventions, and UI guidelines for Mana Vault web app. Use when creating or modifying React components, working with TailwindCSS, shadcn/ui, class-variance-authority, or route components in TanStack Router.
SKILL.mdUpdated Apr 16, 2026