Frontend Standards

Detailed React patterns and code examples for frontend implementation. Use when you need step-by-step guidance or concrete code patterns beyond what the auto-loaded frontend rules provide. Use when this capability is needed.

tomevault-io 435a2cd 2 files · 1.7 KB Updated

File contents

Frontend Standards (Procedural Guide)

Note: Declarative rules (conventions, directory structure, naming) are in .claude/rules/frontend.md and auto-loaded for packages/client/**. This skill provides detailed code examples and patterns.

Detailed Documentation

  • react-patterns.md - React patterns with code examples (useEffect alternatives, Suspense, async/await, state management)
  • frontend-standards.md - Full code examples for TanStack Router/Query, WebSocket integration, xterm.js, Valibot forms, testing, performance

See also: ux-design-standards skill for UX design principles that guide feature-level decisions.


Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/ms2sato--agent-console--frontend-standards commit 435a2cd8a4

Frequently asked questions

npx skillmds@latest add tomevault-io/frontend-standards