用途：为现代前端开发提供跨框架指南，覆盖 React、Vue 3、Svelte 5 与 Angular，包含框架特有模式、通用架构原则与跨框架最佳实践。适用于创建组件或页面、实现状态管理（Pinia、Zustand、stores、signals）、配置路由（TanStack Router、Vue Router、SvelteKit、Angular Router）、数据获取（TanStack Query、composables、SvelteKit load）、性能优化、组件组合、TypeScript 集成以及框架选型与迁移。
主要能力：提供框架选型对照（React 适合大型应用与企业级，Vue 3 渐进式，Svelte 5 适合中小应用且性能佳，Angular 适合完整企业方案），并给出 React 的新组件与新功能检查清单、导入别名（@/、~types、~components、~features）、懒加载与 Suspense 加载状态、useSuspenseQuery 数据获取、按文件大小决定内联或独立样式、TanStack Router 基于目录的路由写法、避免提前 return 以防布局偏移、useMemo/useCallback/React.memo 性能手段，以及严格 TypeScript 规范。Vue 3 部分介绍 <script setup>、defineProps/defineEmits、ref/computed、Pinia、Vue Router 与 composables。
使用方式：按项目需要选择对应框架章节，并参考其资源文档（component-patterns.md、data-fetching.md、file-organization.md、styling-guide.md、routing-guide.md、loading-and-error-states.md、performance.md、typescript-standards.md、common-patterns.md、complete-examples.md）。示例中保持命令与代码原样，例如 React.lazy(() => import('./Heavy')) 与 createFileRoute('/my-route/')。
限制：资料仅详细展开 React 与部分 Vue 3 内容，Svelte 5 与 Angular 的具体章节未提供；框架选择表中性能与生态为概括性描述，缺少基准数据；不涉及收费、定价或平台信息。