farming-labsOfficial·11 Agent Skills Included

fm-skills

Framework-agnostic web architecture, rendering, and performance guidance

Explains core web development concepts like rendering strategies, routing, hydration, caching, state management, and SEO. Helps developers choose between SSR, SSG, CSR, and islands architecture without framework-specific lock-in. Covers testing, accessibility, observability, and error handling so teams make informed architecture decisions faster.

35|5

↗

npx skills add farming-labs/fm-skills --all -g -y

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

farming-labs

seo-fundamentals

Guide SEO architecture for SPAs, SSR, and edge rendering.

routing-patterns

Design URL-to-content mappings with dynamic, optional, and catch-all routing parameters.

build-pipelines-bundling

Explain bundling, code splitting, chunk sizing, and tree shaking across Webpack, Vite, and esbuild.

universal-javascript-runtimes

Configure Nitro to run universal JavaScript across Node.js, edge runtimes, and browsers.

state-management-patterns

Categorize and synchronize client, server, URL, and browser state in web apps.

meta-frameworks-overview

Compare meta-frameworks like Next.js, Nuxt, SvelteKit, Remix, and Astro.

data-fetching-patterns

Design data retrieval patterns for SSR, SSG, CSR, and streaming web applications.

hydration-patterns

Explain hydration patterns and criteria for SSR/SSG interactivity decisions.

rendering-patterns

Determine optimal web rendering strategies for apps based on SEO and data dynamics.

middleware-patterns

Automate request processing pipelines with middleware for cross-cutting concerns.

web-app-architectures

Compare SPA, MPA, hybrid web architectures across SEO, performance, and deployment factors.

Official

Basic

Frequently Asked Questions

FAQPage Schema

How to install fm-skills?▼

Run `npx skills add farming-labs/fm-skills --all -g -y` in your terminal to install all skills globally.

What do these web development skills cover?▼

They cover rendering patterns, routing, hydration, bundling, caching, state management, SEO, accessibility, testing, and performance for modern web apps.

Are these skills tied to a specific framework?▼

No. They teach framework-agnostic concepts that apply to Next.js, Nuxt, SvelteKit, Astro, Remix, and any other meta-framework.

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

The rendering-patterns and web-app-architectures skills explain the tradeoffs and include decision flowcharts based on SEO, data freshness, and interactivity needs.

Do I need coding experience to use these skills?▼

Basic web development familiarity helps, but the skills explain concepts from first principles with diagrams and plain-language examples.