contentstack-vibe-docs

作成者: contentstack

このスキルには、30以上のリファレンスファイルにわたって約13,500行のコードが含まれています。ルーティングテーブルを読み、実際に必要な1〜3ファイルを選び、それ以上は読まないでください。すべてを読むことは絶対に避けてください。

npx skills add https://github.com/contentstack/contentstack-vibe-docs --skill contentstack-vibe-docs

Contentstack Documentation for AI Agents

This skill contains ~13,500 lines across 30+ reference files. Read the routing table, pick the 1-3 files you actually need, and stop. Never read everything.

Routing table

TaskFile
Quick code pattern lookupQUICK_REFERENCE.md
Contentstack basicsconcepts/base-concepts.md
Design content models, choose references vs modular blocks vs global fields, taxonomyconcepts/data-modeling-best-practices.md
Localization, fallback chains, non-localizable fieldsconcepts/localization.md
Regions, endpoints, region-aware hostsconcepts/regions.md
Fetch content (REST)api/rest-api.md
Fetch content (GraphQL)api/graphql-api.md
Create/update/delete/publish, modular block schema, CMA headersapi/content-management-api.md
Transform images, asset folders, asset limits, file_uidapi/image-delivery-api.md
TypeScript Delivery SDKsdk/delivery-sdk.md
Live Preview overviewlive-preview/concepts.md
Live Preview CSR (ssr: false)live-preview/csr-mode.md
Live Preview SSR (ssr: true), per-request factory, hash isolationlive-preview/ssr-mode.md
Visual Builder, edit tags, addEditableTags, VB_EmptyBlockParentClasslive-preview/visual-builder.md
Debug Live Preview / Visual Builder failureslive-preview/debugging.md
Next.js patterns, Draft Mode, revalidateTagframeworks/nextjs.md
Nuxt patternsframeworks/nuxt.md
Gatsby patternsframeworks/gatsby.md
Pick the right token (delivery/preview/management/authtoken/OAuth)security/tokens-authentication.md
Roles, custom permissions, teamssecurity/roles-permissions.md
OAuth login with Auth.js v5 (Next.js)authentication/oauth.md
Webhooks: signatures, event channels, release stormsworkflows/webhooks.md
Releases: atomic coordinated deploysworkflows/releases.md
Workflows & publish rulesworkflows/content-workflows.md
Branches & aliases: zero-downtime deploysworkflows/branches-aliases.md
Environments, publishing, Sync API, rate limitsworkflows/environments-publishing.md
Variants & Personalizepersonalization/variants-and-personalize.md
CLI plugins — overview & quickstartextensions/cli-plugins/overview.md
CLI plugins — commands, flags, argumentsextensions/cli-plugins/commands.md
CLI plugins — publishing, testing, troubleshootingextensions/cli-plugins/publishing.md
Developer Hub apps (App SDK, UI locations, API proxy)extensions/devhub-apps.md
Contentstack Launch: deployments, env syncextensions/launch.md
Real-world code patternsexamples/practical-examples.md
Package versionsVERSIONS.md

Common task combinations

ScenarioFiles (in order)
New Next.js projectbase-concepts → delivery-sdk → nextjs
New Nuxt projectbase-concepts → delivery-sdk → nuxt
Add Live Preview to Next.jslive-preview/concepts → live-preview/ssr-mode → nextjs
Add Visual Builder to existing sitelive-preview/visual-builder
Debug broken previewlive-preview/debugging
Build a CRUD/migration scriptcontent-management-api → security/tokens-authentication
Full-stack with user logindelivery-sdk → nextjs → oauth
Webhook-driven rebuildworkflows/webhooks → workflows/environments-publishing
Zero-downtime content deployworkflows/branches-aliases → workflows/releases
Multi-locale rolloutconcepts/localization → workflows/environments-publishing
Deploy to Launch from CIextensions/launch → workflows/webhooks
Responsive image optimizationapi/image-delivery-api
Quick snippetQUICK_REFERENCE.md

Decision helpers

Which API? Read published content → REST / GraphQL / Delivery SDK. Write content → Content Management API. Transform images → Image Delivery API.

Which SDK? @contentstack/delivery-sdk for reads (frontend/backend). @contentstack/management for writes (server-only, never frontend).

Which Live Preview mode? The ssr flag controls how the CMS iframe updates, not your app's rendering strategy.

  • ssr: false — postMessage. CMS sends data to iframe, client re-fetches and updates without reload.
  • ssr: true — iframe reload with ?live_preview=<hash>&entry_uid=.... Server reads params per request.

For ssr: true, create a fresh Contentstack client per request (factory pattern). Sharing one global client leaks preview state between concurrent editors. See live-preview/ssr-mode.md.

Which token? Frontend reads → Delivery Token (safe). Preview reads → Preview Token (safe). Server writes → Management Token (NEVER frontend). User sessions → Authtoken or OAuth. Full decision tree in security/tokens-authentication.md.

Ask before coding

Before implementing, confirm with the developer:

  • Region (US, EU, AU, Azure NA/EU, GCP NA/EU) — affects every endpoint.
  • Framework (Next.js, Nuxt, Gatsby, etc.) — determines Live Preview mode.
  • Environment (dev/staging/production) — scopes the delivery token.
  • Credentials in env vars? — never ask for the values themselves.

Security (summary)

Never ask for, log, output, or hardcode API keys, tokens, or secrets. Always use process.env.* references. Never use Management Tokens in frontend code. If a developer pastes a real token, warn them and recommend rotating it. Full rules: security/tokens-authentication.md.

Red flags

  • Reading all reference files instead of routing to 1-3.
  • Hardcoding credentials or exposing management tokens to the browser.
  • Hardcoding region hosts instead of using @timbenniks/contentstack-endpoints.
  • Mixing Delivery SDK patterns with Management SDK patterns.
  • Mixing REST and GraphQL patterns in one query.
  • Sharing a module-level Contentstack client across SSR preview requests.
  • Forgetting api_version: 3.2 for reference publishing.
  • Forgetting .includeReference() then wondering why references are undefined.
  • Ignoring X-RateLimit-Reset and busy-looping on 429s.

contentstackのその他のスキル

brand-kit-assistant
contentstack
Contentstack Brand Kitの概念、セットアップ、ガバナンス、およびブランドに沿ったAI生成についてユーザーにアドバイスします。API固有のタスクを適切なBrand Kit機能にルーティングします。
official
cms-assets
contentstack
開発者に対し、Contentstackにおけるアセットの整理、配信、変換についてアドバイスします。フォルダ構造、Image Delivery APIの変換、公開などをカバーします。
official
cms-branches-aliases
contentstack
Contentstackのブランチを使用した分離されたコンテンツ開発と、ゼロダウンタイムのコンテンツデプロイメントのためのエイリアスについて、開発者にアドバイスします。ブランチ戦略、…をカバーします。
official
cms-data-modeling-best-practices
contentstack
開発者がContentstackでコンテンツをモデリングする際、最もシンプルで再利用可能な構造を導きます。このスキルは、コンテンツタイプ、参照、グローバル…を使用するタイミングを説明します。
official
cms-entries
contentstack
開発者に対し、Contentstackエントリの効率的な配信のためのクエリ、ローカライズ、バージョン管理、公開、構造化について助言します。CDAの使用、参照…に焦点を当てます。
official
cms-environments-publishing
contentstack
開発者に対して、環境の設定、コンテンツの公開、配信トークンとプレビュートークンの使用、Sync APIの活用、CDNの理解などについて助言します。
official
cms-live-preview-visual-builder-support-assistant
contentstack
Contentstack Live PreviewおよびVisual Builderの実装を診断し、ガイドします。プレビューコンテキストを追跡し、破損した契約を特定し、推奨します…
official
cms-localization
contentstack
Contentstackのローカライゼーションについて開発者にアドバイス:言語設定、フォールバックチェーン、ローカライズ済みエントリと未ローカライズエントリ、ローカライズ不可フィールド、マルチロケール…
official