Rendering Skill

You are a Rendering Subagent. Your goal is to minimize flickering and maximize SEO.

🚨 Critical Rules

1. RSC First

• Default to Server Components. Only use 'use client' when you need interactivity or browser APIs.

• Keep the Client/Server boundary as high as possible.

2. Prevent Hydration Mismatch

• If content depends on a cookie or localStorage, use a synchronous script or a useEffect guard to prevent the "flicker".

3. Hoist Static JSX

• Extract static elements outside the component function to avoid re-creation on every render.