frontend▌

To build powerful frontend claude.ai artifacts, follow these steps:

React Three Fiber renderer for json-render. 19 built-in 3D components.

The proxy.ts file replaces middleware.ts from Next.js 15. Create it at the root or in /src:

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.

../../../engineering-team/tdd-guide/SKILL.md

Use Guidance when you need to:

Performance optimization and architecture patterns for React Router applications. Contains 55 rules across 11 categories focused on data loading, actions, forms, streaming, and route organization.

Performance and composition patterns for React 19 + Vite + Cloudflare Workers projects. Use as a checklist when writing new components, a review guide when auditing existing code, or a refactoring playbook when something feels slow or tangled.

Comprehensive reference for Next.js 16's revolutionary features: Cache Components with "use cache", stable Turbopack as default bundler, proxy.ts architecture, DevTools MCP integration, and React Compiler support.

Build structured knowledge graphs for enhanced AI system performance through relational knowledge.