LATTICE TanStack Start Frontend

Audit TanStack Start routes for loader coverage and client purity.

3|Updated May 11, 2026
One-click install
npx skills add https://github.com/JeromyJSmith/lattice-platform --skill lattice-tanstack-start-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: LATTICE TanStack Start Frontend
Source: https://github.com/JeromyJSmith/lattice-platform/tree/main/.agents/skills/lattice-frontend
Command: npx skills add https://github.com/JeromyJSmith/lattice-platform --skill lattice-tanstack-start-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Prevents broken or incomplete TanStack Router setups in the LATTICE operator UI by ensuring every route has the required loader and the client bundle stays pure (no forbidden SDK/backend imports).

Core Features & Use Cases

  • Route inventory and drift detection: Confirms the operator UI under src/routes matches the expected 11-route set.
  • Loader coverage validation: Ensures no routes are missing loader functions, avoiding blank or non-functional screens.
  • Client-purity enforcement: Detects forbidden imports (e.g., Anthropic SDK or @itwin/core-backend) inside src/ to keep server responsibilities on the server side.
  • Server function contract checks: Validates that server runtime functions under src/server/runtime follow TanStack Start patterns and return JSON only.

Quick Start

Use the lattice-frontend skill to audit and fix route/loader coverage and client-purity in the operator UI by applying the required constraints to the code under src/routes, src/server/runtime, and src/.

Frequently Asked Questions about LATTICE TanStack Start Frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate route loader coverage in a TanStack Start application?

Route loader coverage validation checks every route under src/routes to ensure required loader functions are present, avoiding blank screens. It confirms the operator UI matches the expected 11-route set and verifies no routes are missing loaders.

Why does my TanStack Router client bundle include forbidden server-side imports?

Client-purity enforcement detects forbidden imports like Anthropic SDK or @itwin/core/backend inside src/ to keep server responsibilities separated. Scanning src/ ensures the client bundle stays pure and prevents backend dependencies from leaking into client code.

How do I audit server functions to ensure they return JSON only in TanStack Start?

Server function contract checks validate runtime functions under src/server/runtime to ensure they follow TanStack Start patterns and return JSON only. This auditing confirms server-side functions maintain proper contracts and avoid non-JSON responses.

What is the best way to detect route drift when adding new UI routes to TanStack Router?

Route inventory and drift detection confirms the operator UI under src/routes matches the expected 11-route set. By applying deterministic auditing steps, it identifies missing or unexpected routes when adding new operator UI screens.

How do I run a bundle-health build analysis using Bun for a TanStack Start frontend?

Bundle-health build analysis using Bun validates the LATTICE TanStack Start frontend build status. It executes deterministic build checks to resolve runtime issues caused by missing loaders or forbidden imports within the project.

Do I need Bun to resolve build issues caused by missing route loaders in TanStack Start?

Yes, Bun is required to execute the bundle-health build analysis that resolves build or runtime issues. This analysis identifies problems caused by missing route loaders or forbidden client imports to keep the UI pure and routes correct.