performance

Optimize Tale platform performance with frontend gating and Convex query cost management.

20|5|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/tale-project/tale --skill performance-tale-project
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/tale-project/tale/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/tale-project/tale --skill performance-tale-project

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

How Tale keeps the platform fast — frontend cold-load auth-gating, per-query Convex auth cost, route-loader prefetch, and chat TTFT / prompt-cache hygiene. Read before debugging slow cold loads, slow page transitions, expensive Convex queries, or when adding a query/loader. Backend mechanics live in convex; component re-renders in react.

Core Features & Use Cases

  • Frontend cold-load auth-gating
  • Per-query Convex auth cost and prompt-cache hygiene
  • Route-loader prefetching and chat TTFT performance tuning

Quick Start

Apply the frontend gating and Convex cache guidelines to improve a slow cold-load or laggy chat response.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize React cold-load performance with Convex queries?

Improve slow page transitions by applying route-loader prefetching strategies and frontend gating rules. This ensures authenticated Convex queries load efficiently and prevents unnecessary data fetches during route changes.

Why does my chat TTFT take so long and how can prompt caching help?

Slow chat TTFT often stems from unstable prompt inputs across React components. Maintain stable chat prompts and enforce prompt-cache hygiene to preserve cache behavior and significantly reduce response latency.

What's the best way to reduce expensive Convex query costs in a React app?

Reduce expensive Convex query costs by gating authenticated queries and eliminating unnecessary data fetches. Enforce per-query auth cost management rules to optimize backend mechanics and component re-renders.

Does this performance optimization approach work for slow page transitions in React?

Yes, this approach optimizes slow page transitions by implementing route-loader prefetching alongside Convex cache guidelines. It ensures data loads efficiently during route changes while maintaining stable cache behavior.

When should I apply frontend gating to optimize load times?

Apply frontend gating during slow cold-loads, expensive Convex queries, or when adding a new query or loader. Gating authenticated queries prevents unnecessary data fetches and reduces per-query auth cost overhead.