这是一个用于 Next.js 框架的调试和开发工具，通过 MCP 协议提供路由检查、组件分析、构建信息获取和配置查看等功能。关键词：Next.js 调试，路由检查，组件分析，MCP 工具，开发工具，前端调试。

这份指南提供了使用GSAP（GreenSock动画平台）在网页设计中实现专业、可访问且性能优越的动画的最佳实践，包括滚动触发器、性能优化、可访问性、响应式动画和测试集成。

TypeScript 技能涵盖了使用 TypeScript 进行严格模式编程，结合 ESLint 和 Jest 进行代码质量和测试保障的最佳实践。关键词包括：TypeScript, ESLint, Jest, 代码质量，测试覆盖率。

这是一个用于创建优化Slack平台的动画GIF的Python工具包。它提供验证器检查Slack文件大小和尺寸要求、可组合动画原语如摇动和弹跳、以及辅助工具如文本渲染和颜色管理。适用于开发者定制Slack消息或表情符号动画。关键词：Slack GIF, 动画制作, Python工具包, 图像处理, 表情符号优化

响应式设计模式是一种专注于移动设备优先的响应式用户界面设计方法。它包括断点系统、流体布局、自适应组件和触摸友好模式等关键元素，确保网站在不同设备上都能良好显示。适用于前端开发，提升用户体验和开发效率。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户体验。

这个技能用于创建独特、生产级别的前端界面，注重高设计质量，避免通用AI美学，适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。

这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序，以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决，适用于全栈Web开发。关键词：Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。

这个技能用于在Next.js应用程序中实现身份验证和授权功能，涵盖多种策略和库，包括NextAuth.js、中间件保护、会话管理和JWT等。关键词：Next.js, 身份验证, NextAuth, Auth.js, 中间件, 会话管理。

此技能提供Next.js App Router的全面指导，帮助开发者创建和管理路由、布局、加载状态、错误边界等，优化前端应用结构。关键词：Next.js, App Router, 路由, 布局, 组件, 前端开发。

此技能用于审查TypeScript代码变更，确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例，适用于新功能实现、代码修改或创建新组件后的审查。关键词：TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。

该技能用于创建和管理Fumadocs平台的MDX文档文件，包括前置元数据设置、组件导入、安装命令生成和代码示例编写，适用于前端开发中的8-bit组件文档化工作。关键词：MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。

这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载，以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件，如代码编辑器、图表、富文本编辑器等。通过动态导入，可以减少初始加载时间，提升应用响应速度。关键词：动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。