rendering-patterns
✓Explains web rendering strategies including Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static Site Generation (SSG), Incremental Static Regeneration (ISR), and streaming. Use when deciding rendering strategy, optimizing performance, or understanding when content is generated and sent to users.
Installation
SKILL.md
Rendering determines when and where HTML is generated. Each pattern has distinct performance, SEO, and infrastructure implications.
| Pattern | When Generated | Where Generated | Use Case |
| CSR | Runtime (browser) | Client | Dashboards, authenticated apps | | SSR | Runtime (each request) | Server | Dynamic, personalized content | | SSG | Build time | Server/Build | Static content, blogs, docs | | ISR | Build + revalidation | Server | Content that changes periodically |
Explains web rendering strategies including Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static Site Generation (SSG), Incremental Static Regeneration (ISR), and streaming. Use when deciding rendering strategy, optimizing performance, or understanding when content is generated and sent to users. Source: kinfe123/fm-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/kinfe123/fm-skills --skill rendering-patterns- Source
- kinfe123/fm-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is rendering-patterns?
Explains web rendering strategies including Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static Site Generation (SSG), Incremental Static Regeneration (ISR), and streaming. Use when deciding rendering strategy, optimizing performance, or understanding when content is generated and sent to users. Source: kinfe123/fm-skills.
How do I install rendering-patterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/kinfe123/fm-skills --skill rendering-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/kinfe123/fm-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-11