Update TinaCMS collections and visual-editing workflows in Next.js App Router repositories.
npx skills add https://github.com/git-bhanu/prasun1111 --skill tina-cms
Please help me install this Agent Skill. Skill: tina-cms Source: https://github.com/git-bhanu/prasun1111/tree/main/.agents/skills/tina-cms Command: npx skills add https://github.com/git-bhanu/prasun1111 --skill tina-cms
This skill helps you change TinaCMS content models and visual-editable pages without breaking the repo’s Next.js + App Router data flow, generated types, or editing behavior.
useTina() only in client components with query, data, and variables.tina/__generated__, preserve existing conventions, and verify with type checks and build steps.Make the Tina-backed change by updating the relevant tina/config.tsx/collection files and any content/ documents, then ensure the affected page.tsx and client-page.tsx follow the required useTina({ query, data, variables }) pattern and run pnpm exec tsc --noEmit.
High-intent search queries and answers about installing and using this skill.
To update TinaCMS collections safely, modify the relevant tina/config.tsx and content documents while ensuring affected page.tsx and client-page.tsx files maintain the correct useTina({ query, data, variables }) pattern. Run pnpm exec tsc --noEmit to verify schema-to-renderer alignment.
Add or modify fields directly in your tina/config.tsx collection definitions and content documents. Ensure rendering logic matches the updated schema and run type checks to confirm generated types remain consistent across your Next.js repository.
TinaCMS generated files in the tina/__generated__ directory should never be edited directly. Always modify source collection files and let Tina generate the types and output deterministically to prevent schema-to-renderer misalignment.
TinaCMS visual editing breaks when server/client component splits are incorrect. Data must be fetched in server routes, and useTina({ query, data, variables }) must be wired only in client components to maintain proper editing behavior.
TinaCMS integrates with existing Next.js App Router conventions by preserving your current patterns. It enforces deterministic Tina config alignment and correct generated type imports without forcing structural changes to your repository.
jackspaceIntegrate TinaCMS for Git-backed content management with visual editing.
franzosterkampRun linting and type checking commands and fix code errors.
voidrotProvide guidelines for developing Next.js applications using the App Router.
chenwei791129Answer technical queries via vector search across project specification archives.