aurorascharff

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.

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.

Invoke at the end of every dev session, including when the user signals they're wrapping up. Scans the conversation for framework friction and drafts a report if any was found. Silent exit otherwise. Don't defer to later.

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.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

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.

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.

Write, edit, or review any blog post for aurorascharff.no in Aurora's voice, without AI-generated phrasing. Use for any post under src/content/blog. Captures her intro pattern, prose style, snippet conventions, and the anti-AI patterns she flags.

CLI that gives agents what humans get from React DevTools and the Next.js dev overlay — component trees, props, hooks, PPR shells, errors, network — as shell commands that return structured text.