Vibing with Contentstack
Give your AI coding agent expert-level Contentstack knowledge with the Contentstack vibe docs. Covers REST, GraphQL, Content Management, Image Delivery APIs, TypeScript SDKs, Live Preview, OAuth, and Next.js, Nuxt patterns.
Install in one command
Using skills.sh you can use one command. It auto-detects your installed agents and sets everything up.
For any Agent
npx skills add timbenniks/contentstack-vibe-docsClaude has a few options for installation
npx skills add timbenniks/contentstack-vibe-docs -a claude-code
claude skill add timbenniks/contentstack-vibe-docs
claude plugin install https://github.com/timbenniks/contentstack-vibe-docsCursor can be installed via the skills package or via the official Cursor Directory.
npx skills add timbenniks/contentstack-vibe-docs -a cursorInstall via official marketplaces
Install Contentstack's vibe tool via official marketplaces like the Cursor Director and Claude Platform.
About Contentstack Vibe Docs
AI agents know about Contentstack but they might not know the current SDK surface, the right endpoint for your region, or the difference between ssr: true and ssr: false in Live Preview. The official documentation is highly detailed and therefore much to high in tokens for an agent to grasp in one go. These vibe docs have condensed, AI-optimized documentation that agents load on demand. They only cost about ~20k tokens in total. Agents never load all files. The Skill works in three stages:
- discovery: the agent sees skill name and description (~100 tokens).
- Activation: Agent reads routing table + decision helpers (~3,500 tokens).
- Execution: Agent reads 1-3 targeted reference files on-demand.
"/contentstack-vibe-docs Add live preview to my Next.js app"
- Agent loads SKILL.md → routing table (~3,500 tokens)
- Reads live-preview/concepts → how Live Preview works (131 lines)
- Reads live-preview/ssr-mode → SSR implementation (315 lines)
- Reads frameworks/nextjs → Next.js patterns (424 lines)
- Implements with correct codeWhat's covered
In total there are 19 reference files that cover the content in the table below.
Topic | Details |
|---|---|
APIs | REST, GraphQL, Content Management, Image Delivery |
SDKs | TypeScript Delivery SDK, Management SDK |
Live Preview | CSR mode (postMessage) and SSR mode (iframe refresh) |
Frameworks | Next.js, Nuxt, Gatsby |
Authentication | OAuth with Auth.js |
Extensions | CLI plugins, Developer Hub apps |
Regions | US, EU, AU, Azure NA/EU, GCP NA/EU |
Important Resources
Want to know something specific? Read up on our official docs, browse the academy or join the community.
Official Contentstack Documentation
Learn about Home Page in Contentstack's comprehensive documentation. Get step-by-step guides, code examples, and best practices.
Contentstack Academy
Your source for learning all things composable and Contentstack. Welcome to the Contentstack Academy - where you can learn all things Contentstack. We offer short-form content and longer formal courses. Whatever your learning style, we have material here for you to get the most out of Contentstack.
Contentstack Discord
Join our Discord to connect with developers, creators and Contentstack experts. Get real-time help, share ideas and stay in the loop with community events.
Security built in
Credential handling rules are embedded in the skill, not bolted on as an afterthought.
- The agent is instructed to always use .env vars, and never hardcoded values
- If a developer pastes a real token, the agent warns them and suggests rotation
- Management Tokens are flagged as server-side only
- .env files are never committed
- A Red Flags checklist catches common anti-patterns before they ship