bendd

Create domain components following bendd.me's directory structure, barrel export pattern, and validation conventions. Use when adding new React components, creating Zustand stores, setting up hooks, or organizing component files. Triggers on: new component, create component, add hook, Zustand store, barrel export, index.ts, domain folder. NOT for React composition patterns like compound components or render props (use vercel-composition-patterns). NOT for MDX components (use mdx-authoring).

Work with bendd.me's content pipeline — MDXProcessor queries, content directory management, article listing, and static generation. Use when querying articles, filtering content, working with generateStaticParams, modifying route handlers, or understanding the content-to-page pipeline. Triggers on: MDXProcessor, getArticles, formatForDisplay, sortByDateDesc, filterByCategory, generateStaticParams, article route, craft route, content pipeline, static generation. NOT for writing MDX content (use mdx-authoring).

Write, validate, and register MDX components and content for bendd.me blog. Use when creating or editing .mdx files, adding custom MDX components, modifying frontmatter, or working with the MDX rendering pipeline. Triggers on: MDX, frontmatter, article, craft, Callout, Steps, MagicMove, content creation, blog post, createMDXComponent, Zod schema validation. NOT for component directory structure (use component-creation).

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Upgrade Next.js to the latest version following official migration guides and codemods

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.