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

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

这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。

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

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

这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。

熊猫CSS是一个前端CSS框架，用于通过CSS-in-JS技术管理Web样式，提高开发效率和性能。关键词：前端开发，CSS框架，CSS-in-JS，原子CSS，Web性能。

该技能专注于实现响应式图像、优化图像格式和处理图像管道，包括生成srcset、转换到WebP/AVIF、懒加载和提供图像转换API，适用于无头CMS和现代Web开发。关键词：图像优化，响应式图像，WebP转换，AVIF转换，懒加载，图像处理API，焦点裁剪，性能优化。

这个技能用于从设计令牌和主题配置生成全面的样式指南文档，支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。

这个技能用于从 JSON 数据快速生成编程语言类型定义，支持 TypeScript、Go、Python 等多种语言，适用于 API 响应类型、配置文件定义等开发场景。关键词：JSON 转换、类型生成、开发工具、代码生成、API 类型定义、快速类型。

JavaScript开发技能，用于编写现代、干净的JavaScript和TypeScript代码，包括异步编程、Node.js开发、浏览器兼容性处理等。关键词：JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。

Makepad布局技能是一个专门用于Makepad UI框架的布局系统工具，帮助开发者编写布局代码、解释布局概念，如宽度、高度、对齐等，并生成Rust代码模式。关键词：Makepad, UI布局, Rust, 前端开发, 布局系统, GUI设计