在浏览器中渲染 2D (Canvas API) 或 3D (Three.js/WebGL) 图形，用于数据可视化、游戏、创意效果。

使用 React Hook Form + Zod 构建高性能、类型安全、可访问的表单。

Use when absorbing ideas, capabilities, workflows, architecture, quality systems, ecosystem extensions, or engineering practices from any reference system into the current project through original, project-native redesign rather than copying.

Use when creating or reviewing Next.js 14+ App Router projects, routes, layouts, server/client component boundaries, SSR/SSG/ISR, streaming, metadata, middleware, or Next.js data fetching; Chinese triggers include Next.js, App Router.

Use when creating or reviewing Nuxt 3 projects, pages, layouts, SSR/SSG behavior, composables, data fetching, route middleware, plugins, modules, or Vue 3 + TypeScript Nuxt conventions; Chinese triggers include Nuxt, Nuxt 3.

Use when adding or reviewing Progressive Web App features such as web app manifest, Service Worker, Workbox caching, offline fallback, install prompt, maskable icons, iOS compatibility, or update flow; Chinese triggers include PWA, 离线, Service Worker.

适用于使用 pnpm workspace、Turborepo 或 Nx 的多包前端仓库。

适用于 React + TypeScript 仓库中的中大型模块建设、页面重构和工程结构设计。

在隔离环境中开发、测试和记录 UI 组件，形成可交互的活文档。

用声明式方式管理服务端状态（获取、缓存、同步、更新），替代手动 useEffect + loading state 模式。

适用于需要从“能用”推进到“符合产品语境、可扫描、可信赖”的前端 UI 任务。

适用于使用 Vue 3 + TypeScript 的仓库。

将计算密集型任务移至后台线程，保持主线程（UI）流畅响应。