Skip to content
Skillpedia
Testing42k · #4740

competition-template-render-path

Lets your agent investigate how templates are rendered in web applications. It helps understand the data flow between server and client during page rendering.

What it does

This tool helps understand how a web page is built and displayed, from the initial request to the final result on screen. It focuses on how information is passed between the server and the browser.

When to use it

  • ✓When you want to see how a page is rendered on the server.
  • ✓To understand how data is passed from the server to the browser.
  • ✓When investigating issues with routes or content display.

Example of what to ask your AI

“How is page X rendered on the server and what data is sent to the browser?”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/zhaoxuya520/reverse-skill/blob/main/CTF-Sandbox-Orchestrator/competition-template-render-path/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/zhaoxuya520/reverse-skill/blob/main/CTF-Sandbox-Orchestrator/competition-template-render-path/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

It maps the complete path: from the chosen route, through data fetching, to page construction and final delivery to the browser. It compares how display rules work in different parts of the process.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add zhaoxuya520/reverse-skill --skill competition-template-render-path

Or download just the file:

curl -L https://raw.githubusercontent.com/zhaoxuya520/reverse-skill/main/CTF-Sandbox-Orchestrator/competition-template-render-path/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Competition Template Render Path

Use this skill only as a downstream specialization after $ctf-sandbox-orchestrator is already active and has established sandbox assumptions, node ownership, and evidence priorities. If that has not happened yet, return to $ctf-sandbox-orchestrator first.

Use this skill when the decisive bug or artifact lives in route resolution, server render context, template data, or hydration handoff rather than in a plain JSON API alone.

Reply in Simplified Chinese unless the user explicitly requests English.

Quick Start

  1. Map the render chain in order: route resolution, loader or data fetch, template or component context, response HTML, hydration payload, and client takeover.
  2. Record host, route params, preview toggles, tenant or host switches, and server-only variables before mutating anything.
  3. Compare template gating with loader or handler enforcement.
  4. Preserve one successful render and one failing render path with the smallest delta.
  5. Reproduce the smallest request-to-render branch that proves the decisive behavior.

Workflow

1. Map Route To Render Context

  • Record host, path, route match, loader, template, layout, hydration blob, and client boot chunk for the active view.
  • Note whether the response is SSR HTML, static HTML plus hydration, edge-rendered content, or a template fragment used by another route.
  • Keep server-only context and client-visible context separate.

2. Trace Template And Enforcement Boundaries

  • Show where permissions, feature flags, preview state, tenant selection, or host-based switches are applied.
  • Compare template-level gating, loader-level gating, and backend handler enforcement instead of trusting any one layer.
  • Record hidden fields, inline data, hydration JSON, meta tags, or alternate partials that expose the decisive branch.

3. Reduce To The Decisive Render Path

  • Compress the result to the smallest sequence: request -> route match -> loader or template context -> rendered output or hidden data -> resulting effect.
  • State clearly whether the decisive weakness lives in route selection, template context construction, server-client hydration handoff, or mismatched enforcement between render and handler.
  • If the task becomes mostly emitted bundle recovery or source map reconstruction, hand off to the tighter bundle skill.

Read This Reference

  • Load references/template-render-path.md for the render checklist, hydration checklist, and evidence packaging.

What To Preserve

  • Route names, loader names, templates, layouts, hydration keys, and host or preview switches
  • One success or failure pair that shows where render-layer behavior diverges
  • One minimal request-to-render sequence that reaches the decisive branch
FAQ

What is 'server-side rendering' (SSR)?

It's when the server already assembles the complete page before sending it to your browser, which can make loading faster.

What is 'hydration'?

It's the process where the browser, after receiving the page from the server, adds interactivity (like working buttons) without needing to reload everything.

Why compare 'template gating' with 'handler enforcement'?

To ensure that the rules for who can see what (gating) are consistently applied both when building the page (template) and when processing the request (handler).

Details

Original description by the author

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for SSR, template rendering, route loaders, hydration payloads, server-client render boundaries, and template-to-handler enforcement gaps. Use when the user asks to inspect SSR or template routes, trace render context or hydration data, compare template gating with handler enforcement, explain preview or hidden-route rend

repo: zhaoxuya520/reverse-skill

Popularity

GitHub stars
42k
Ranking position
#4740
License
MIT
Updated
9/22/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills