netlify/context-and-tools
13 skills18.6k installs403 starsGitHub
Install
npx skills add https://github.com/netlify/context-and-toolsSkills in this repo
1Netlify DeployNetlify Deploy is a context-and-tools agent skill that automates Netlify hosting via npx netlify CLI commands. It verifies CLI authentication, detects project configuration and framework, links repositories to existing sites or creates new ones, and deploys to production or preview environments. Prerequisites include Netlify CLI available through npx without global install. Developers reach for Netlify Deploy when asked to deploy, host, publish, or link a site or repo on Netlify—including preview deploys for pull requests and production releases—keeping the entire workflow inside Claude Code or Cursor sessions.1.5kinstalls2Netlify Functionsnetlify-functions is a Claude skill for authoring Netlify serverless functions using the modern default export plus Config pattern with `@netlify/functions` types—never legacy `exports.handler`. It covers API endpoints, background processing, scheduled functions, HTTP method routing, path routing, and streaming `Response` objects in TypeScript. Developers reach for netlify-functions when adding server-side logic to Netlify-hosted sites: webhooks, cron tasks, authenticated APIs, or streamed LLM output. The skill enforces current syntax, correct `Context` and `Config` usage, and platform-specific patterns so handlers deploy cleanly on Netlify without deprecated export styles or missing route configuration.1.5kinstalls3Netlify Confignetlify-config is a reference skill from netlify/context-and-tools for complete netlify.toml site configuration at the repository root or monorepo base directory. It covers build settings including base, command, and publish paths, plus redirects with splats and conditions, custom headers, deploy contexts, environment variables, Netlify Functions config, and edge functions config. Example snippets show [build] blocks with npm run build and dist publish directories. Developers reach for netlify-config when adding redirects, SPA rewrites, security headers, or per-branch deploy contexts without digging through Netlify docs mid-session.1.5kinstalls4Netlify FrameworksNetlify Frameworks is an agent skill from netlify/context-and-tools that explains how major JavaScript frameworks map onto Netlify deployment. Netlify supports any framework producing static output; frameworks with SSR, API routes, or middleware require an adapter or plugin that translates server-side code into Netlify Functions and Edge Functions. The skill covers Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, and Remix—what each framework must expose and which Netlify adapter handles server rendering. Developers reach for Netlify Frameworks when initial Netlify deploys fail, SSR routes misbehave, or build settings need framework-specific netlify.toml, plugin, or adapter configuration.1.5kinstalls5Netlify Edge Functionsnetlify-edge-functions from netlify/context-and-tools teaches how to author Netlify Edge Functions that run on Netlify's globally distributed edge network using the Deno runtime. The skill covers the @netlify/edge-functions Config and Context types, the context.next() middleware pattern, geolocation-aware routing, authentication guards, A/B tests, and when to choose edge compute versus serverless functions. Developers use it while adding low-latency redirects, header rewrites, or geo rules without provisioning separate edge infrastructure. Reach for netlify-edge-functions when a JAMstack or SSR app on Netlify needs request filtering closer to users than a single-region lambda.1.5kinstalls6Netlify Formsnetlify-forms is a skill from netlify/context-and-tools for HTML form handling on Netlify-hosted sites without server-side code. It covers the data-netlify attribute, spam filtering, AJAX submissions, file uploads, notifications, and the submissions API. Basic setup requires data-netlify="true" and a unique form name with form detection enabled in the Netlify UI Forms section. Developers reach for it when adding contact, feedback, or upload forms to static sites or JS-rendered pages that deploy on Netlify.1.4kinstalls7Netlify BlobsNetlify Blobs is an agent skill for Netlify's zero-config object storage aimed at files and assets—images, documents, uploads, exports, and cached binary artifacts—available from any Netlify compute surface including Functions, Edge Functions, and framework server routes. The guide covers getStore(), CRUD operations, metadata, listing, deploy-scoped versus site-scoped stores, and local development patterns. Developers reach for Netlify Blobs when a Netlify-hosted app or agent needs persistent blob storage without standing up S3 or a separate object store. The skill explicitly directs dynamic record or user-data storage to Netlify Database instead of Blobs.1.4kinstalls8Netlify Cachingnetlify-caching is a guide skill for controlling caching on Netlify's CDN when configuring cache headers, stale-while-revalidate, on-demand cache purge, or understanding default CDN behavior. Static assets are cached on the CDN for 1 year and invalidated on every deploy, while browsers always revalidate with `max-age=0, must-revalidate`; dynamic function and edge responses are not cached by default. The skill documents Cache-Control, Netlify-CDN-Cache-Control, cache tags, durable cache, and framework-specific patterns. Developers reach for it when deployed Netlify apps serve stale content, miss cache opportunities, or need precise purge behavior after releases.1.4kinstalls9Netlify Image Cdnnetlify-image-cdn is a Netlify-focused Claude Code skill for the built-in /.netlify/images endpoint that transforms images on the fly without extra configuration for local assets. The skill walks through query parameters such as w, h, fit, and q, remote image allowlisting, clean URL rewrites, and composing user-upload uploads with Functions plus Blobs. Developers reach for netlify-image-cdn when adding responsive img markup, tuning compression quality, or wiring upload-to-CDN pipelines on Netlify. The guide covers hosted checkout-style image delivery patterns and transformation URLs developers can drop directly into HTML or framework components.1.4kinstalls10Netlify Ai Gatewaynetlify-ai-gateway is an Agent Skill from netlify/context-and-tools that documents Netlify AI Gateway—the managed proxy routing calls to OpenAI, Anthropic, and Google Gemini SDKs without requiring provider API keys in the project. The skill covers chat, text completion, reasoning, image generation, and image-to-image edit or stylize features on Netlify-hosted sites. Developers reach for netlify-ai-gateway when choosing models, wiring SDK clients, or debugging "model not found" and "API key missing" errors against the gateway's curated model subset. The readme notes image generation is Gemini-only on the gateway and recommends reading the skill before pinning a model ID.1.4kinstalls11Netlify Identitynetlify-identity is a Claude Code skill from netlify/context-and-tools for correctly implementing authentication on Netlify-hosted applications. Netlify Identity is a user management service built on GoTrue that handles signups, logins, password recovery, user metadata, and role-based access control while issuing JSON Web Tokens. The skill mandates @netlify/identity and explicitly forbids deprecated netlify-identity-widget and gotrue-js packages. Developers reach for netlify-identity when tasks involve authentication, OAuth providers, password recovery, protecting routes and Netlify Functions, or RBAC on Jamstack deployments where legacy identity widgets would introduce unsupported patterns.1.4kinstalls12Netlify Databasenetlify-database is an official Netlify agent skill for GA managed Postgres built into the Netlify platform. It teaches agents to run netlify database init, install @netlify/database, use drizzle-orm@beta and drizzle-kit@beta for the drizzle-orm/netlify-db adapter, and commit timestamp-prefix migrations under netlify/database/migrations/. Netlify CLI 26.0.0+ exposes the full netlify database surface with --json output; deploys auto-provision databases, apply migrations on hosted branches, and fork isolated preview branches from production. The skill forbids psql, drizzle-kit push, and side-channel DDL against NETLIFY_DB_URL while documenting local dev via netlify dev and separation from Netlify Blobs for files. Reference guides cover migrations, CLI commands, local development, legacy @netlify/neon extension migration, and provider switching. Developers reach for netlify-database when adding users, orders, sessions, or other relational records to Netlify Functions or edge apps.1.3kinstalls13Skill Creatorskill-creator is a Claude Code skill from netlify/context-and-tools for building production-ready agent skills end to end. It guides developers through naming, frontmatter description and trigger phrases, directory layout, bundled scripts or references, and publishing patterns so agents consistently load the right workflow. Teams reach for skill-creator when repeated prompts should become a reusable SKILL.md, when triggers are too vague for reliable invocation, or when a skill needs companion files without breaking Claude Code discovery rules. The skill sits upstream of domain workflows: instead of teaching Kubernetes or React directly, it encodes how to package any domain knowledge so Cursor or Claude Code agents fire it at the right moment. Use it when standardizing skill conventions across a monorepo or marketplace contribution.1.3kinstalls