# Tanstack Template Guidance

> Use this skill whenever you need to understand how the template works, including adding new pages, managing content, configuring pages, using components, understanding project architecture, using scripts, or styling and theming. Use it for ANY question related to the structure, usage, and customization of the project template.

- Skill: `zeon-studio/tanstack-template-guidance` (Agent Skill, multi-file: 9 files)
- Install (CLI): `npx skillmds@latest add zeon-studio/tanstack-template-guidance`
- Raw SKILL.md: https://api.skillmd.com/api/skills/zeon-studio/tanstack-template-guidance/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: zeon-studio (https://skillmd.com/u/zeon-studio)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/zeon-studio/tanstack-template-guidance

---


# Template Guidance

This skill acts as the unified handbook for the template. It uses the progressive disclosure pattern to keep context lean.

Depending on the user's specific request, **you MUST use the `view_file` tool to read the appropriate reference document** from the `references/` directory before proceeding.

## Routing Guide

Read the specific file in `references/` based on the user's request:

- **Adding a new page, route, or section:**
  Read: `references/adding-new-pages.md`

- **Using, modifying, or understanding UI components (e.g. BlogCard, SeoMeta):**
  Read: `references/component-usage.md`

- **Adding, editing, or updating markdown/MDX content (blog posts, etc.):**
  Read: `references/content-management.md`

- **Configuring site settings, navigation, social links, or SEO (config.json, menu.json):**
  Read: `references/page-configuration.md`

- **Understanding the high-level codebase structure or data flow:**
  Read: `references/project-architecture.md`

- **Running custom pnpm scripts (dev, build, generators):**
  Read: `references/script-usage.md`

- **Customizing styles, Tailwind CSS v4, dark mode, or the theme engine:**
  Read: `references/styling-and-theming.md`

- **Loading data, server functions, or route loaders:**
  Read: `references/data-loading.md`

## Instructions

1. Identify the domain of the user's request.
2. View the corresponding reference markdown file in `references/` relative to this skill.
3. Follow the instructions within that reference file.