Skills
.Work. You
Rest

LATTICE TanStack Start Frontend

Community

Keep the UI pure, routes correct, and loaders complete

Software Engineering#server functions#react 19#tanstack router#route loader validation#client purity#bun build
AuthorJeromyJSmith
Version1.0.0
Installs0

System Documentation

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/.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: LATTICE TanStack Start Frontend
Download link: https://github.com/JeromyJSmith/lattice-platform/archive/main.zip#lattice-tanstack-start-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.