← ClaudeAtlas

vercel-inline-cmslisted

Install a lightweight inline-editing CMS into any Vercel-deployed project — content store + EditableText component + cookie-auth admin shell + Vercel KV/Upstash/Blob storage. Auto-detects the framework and installs natively for Next.js (App Router & Pages Router) and Vite + React. For SvelteKit, Astro, Nuxt, or plain static, prints a manual-port guide. Use when the user asks to add a CMS, inline editing, editable text, an admin panel, or "make this site editable."
HermeticOrmus/claude-code-skills · ★ 0 · Web & Frontend · score 58
Install: claude install-skill HermeticOrmus/claude-code-skills
# /vercel-inline-cms — Vercel Inline CMS > Drop a working inline-editing CMS into any project deployed on Vercel. ## Origin Extracted from the Nickson Studios website CMS (May 2026) — a hand-rolled inline-editing system (Context provider + `EditableText` + cookie auth + swappable storage) that emerged from wanting client-editable copy on a Vite + React site without bolting on a heavyweight headless CMS. After running on Nickson Studios for several weeks, the four-layer architecture (content store, inline editor, admin shell, swappable backend) had proven itself simple enough to generalize. This skill packages that same architecture and adapts it to **any** project deployed on Vercel: Next.js App Router, Next.js Pages Router, Vite + React (auto-installed); SvelteKit/Astro/Nuxt/static (documented manual port). The storage layer was rewritten during extraction to auto-select from Vercel-provisioned env vars (Vercel KV, Upstash Redis, Vercel Blob) rather than hardcoding `@vercel/kv` — so projects on the current Vercel Marketplace stack work without code changes. **This skill is designed for projects deployed on Vercel.** It uses Vercel serverless functions for the API, Vercel-provisioned storage (KV, Upstash Redis, or Blob) for persistence, and Vercel environment variables for secrets. It will install successfully on a project that isn't yet deployed to Vercel, but its assumptions (the `/api/*.js` convention, the storage env var names, `vercel.json` rewrites) are Vercel-spec