patterns

可扩展的 React 组合模式。在重构以下组件时使用：

Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理程序、图片/字体优化等

针对无障碍、性能、主题、响应式设计和反模式运行技术质量检查。生成包含 P0-P3 严重级别的评分报告……

审查并调整 UI，使其符合设计系统标准、间距、设计变量和模式。当用户提到一致性、设计偏移、不匹配……时使用。

提取并整合可复用组件、设计令牌和模式到您的设计系统中。识别系统性复用的机会并丰富……

将现有网站和应用升级至高端品质。审查当前设计，识别通用 AI 模式，并应用高标准设计规范，而无需……

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。适用于创建组件库……

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

适用于 HyperFrames 的 Lottie 和 dotLottie 适配器模式。在嵌入 lottie-web JSON 动画、.lottie 文件、@lottiefiles/dotlottie-web 播放器等时使用……

分析数据集以提取洞察、识别模式并生成报告。适用于探索数据、创建可视化或执行统计……

适用于 HyperFrames 合成的 Tailwind CSS v4.2 浏览器运行时模式。在搭建或编辑由 `hyperframes init --tailwind` 创建的项目时使用，…

Vue Router 4 模式、导航守卫、路由参数以及路由与组件的生命周期交互。

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

高级 Next.js 模式 - 中间件、Server Actions、缓存与

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

遵循现代设计模式，构建可复用、易维护的 UI 组件。适用于创建组件库、实现设计系统或构建……

Prisma CLI 命令参考，涵盖所有可用命令、选项和用法模式。在运行 Prisma CLI 命令、初始化项目……时使用。

React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。