skills

Architecture patterns for Next.js 16 App Router apps. Use when scaffolding a new app, adding a feature, refactoring code into feature folders, deciding where queries/actions/components live, placing Suspense boundaries, choosing the client/server boundary, designing skeletons, preventing CLS, or enabling Cache Components. Also use when the user asks about RSC composition, `params.then()`, `'use cache'`, `cacheTag`, `updateTag`, or static-shell prerendering.

Document agentic developer experience friction encountered during a development flow — captures where agents get stuck, which also surfaces DX issues for developers. Use when asked to "log friction", "document a pain point", "write a friction log", or when the agent hits confusion, dead ends, unclear docs, or unexpected blockers. Produces a structured friction log in markdown.