Kinfe123Community·11 Agent Skills Included

fm-skills

Modern web architecture, rendering, performance, and testing guidance

Explains core web development concepts like rendering strategies, routing, hydration, caching, state management, and accessibility. Removes guesswork when choosing between SSR, SSG, CSR, or islands architecture for a project. Gives clear decision frameworks, code examples, and tradeoff tables so developers build faster, more performant web apps.

35|5

↗

npx skills add Kinfe123/fm-skills --all -g -y

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

Kinfe123

seo-fundamentals

Explain crawling, indexing, rendering, and structured data for SEO implementation.

routing-patterns

Teach pattern-based routing concepts for modern web apps.

build-pipelines-bundling

Explains bundling, code splitting, tree shaking for Webpack, Vite, esbuild.

universal-javascript-runtimes

Explain building universal JavaScript across Node.js, Cloudflare Workers, Deno, and Bun.

state-management-patterns

Clarify state storage choices across client, server, and URL layers.

meta-frameworks-overview

Explain meta-frameworks and their architectural patterns for framework selection.

data-fetching-patterns

Implement efficient data-fetching strategies for SSR, SSG, ISR, and client-side rendering.

hydration-patterns

Explain hydration strategies for server-rendered HTML and client interactivity.

rendering-patterns

Outline CSR, SSR, SSG, ISR, and streaming patterns for web rendering decisions.

middleware-patterns

Explain middleware patterns for request processing across frameworks and runtimes.

web-app-architectures

Compare SPA, MPA, and hybrid architectures for web application planning.

Community

Basic

Frequently Asked Questions

FAQPage Schema

How to install fm-skills?▼

Run `npx skills add Kinfe123/fm-skills --all -g -y` in your terminal to install all skills in this collection globally.

What does fm-skills cover?▼

It covers 22 framework-agnostic web development topics including rendering patterns, routing, hydration, performance, SEO, caching, state management, testing, accessibility, and observability.

Should I use SSR, SSG, or CSR for my app?▼

The rendering-patterns skill walks you through a decision flowchart based on SEO needs, data freshness, and personalization requirements, with performance tradeoffs for each option.

Does fm-skills work with Cursor and Claude Code?▼

Yes. All skills follow the standard SKILL.md format and work in Cursor, Claude Code, and other compatible coding environments.

Is fm-skills tied to a specific framework like Next.js?▼

No. The skills teach framework-agnostic concepts and decision frameworks, so the knowledge applies whether you use Next.js, Nuxt, SvelteKit, Astro, or Remix.