您是一名高级提示工程师和提示面试官。

将对话中新产生的可复用写作洞见实时沉淀到项目指南文件，保持术语口径一致、结构稳定、可检验与可复现。

通过全面的错误处理和优化来构建、编译和打包项目。

从 JSON 文件或 URL 生成强类型接口。

构建现代、可访问、高性能的前端应用程序。

Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库，具有基于优先级的推荐。

结合 shadcn/ui 组件、Tailwind CSS 实用样式和基于画布的视觉设计系统创建美观、易于访问的用户界面的综合技能。

创建独特的生产级前端界面。以非凡的审美关注来实现真正的工作代码。

安装并配置 eslint-plugin-react-render-types 以在 lint 时强制执行组件组合约束。

使用现代测试工具为 Next.js 应用程序搭建完整的测试基础架构。

为 Next.js 16 App Router 项目配置生产就绪的 Tailwind CSS (v3/v4) + shadcn/ui 设置。该技能可自动执行依赖项安装、配置、组件生成，并提供：

要为 Supabase 数据库生成全面的行级安全策略，请系统地执行以下步骤。

使用 Prisma ORM 和 Supabase PostgreSQL 管理数据库架构、迁移和种子数据，包括影子数据库配置、种子文件和 CI 中的自动架构检查。

使用服务器端渲染 (SSR)、基于 cookie 的安全会话、中间件保护和完整的身份验证流程为 Next.js App Router 配置 Supabase 身份验证。

审查、审核和增强现有的克劳德代码技能，以确保它们遵循人类最佳实践和当前特定领域的模式。

分析现有路由，并根据特定用例模式（包括身份验证流程、数据重新验证、外部 API 调用和客户端要求）建议是否使用服务器操作或传统 API 路由。

要执行全面的安全审核并生成强化建议，请系统地遵循以下步骤。

分析 Next.js 应用程序路径并推荐最佳缓存和重新验证策略，以提高性能和数据新鲜度。

从自然语言场景描述生成剧作家测试脚本。

要使用现代工具和最佳实践搭建生产级 Next.js 16 全栈应用程序，请系统地遵循以下步骤。