渐进式网页应用是一种结合了网页和移动应用特性的技术，它支持离线工作、可被安装到主屏幕、并通过推送通知与用户互动。关键词包括：离线支持、安装性、推送通知、服务工作线程、Web应用清单。

构建响应式、移动优先的布局，使用流体容器、灵活单位、媒体查询和触摸友好设计，适用于所有屏幕尺寸。当创建或修改UI布局、响应式网格、断点样式、移动导航或任何需要适应不同屏幕尺寸的界面时使用此技能。适用于涉及多设备支持、响应式设计模式或自适应布局的任何任务。

使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。

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

设计系统创建是一个用于构建和管理UI设计系统的技能，包括设计令牌、组件库、文档等，旨在确保品牌一致性和开发效率。关键词：设计系统、UI设计、前端开发、组件库、设计令牌、响应式设计、可访问性。

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

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

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

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

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

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

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