该技能用于构建和编译fe-tools monorepo包，涉及执行npm build命令、诊断TypeScript编译错误并提供修复，以确保前端开发项目的代码质量。关键词：构建，编译，TypeScript，monorepo，前端工具，错误处理，npm。

此技能提供Zod在TypeScript应用中的模式验证最佳实践指南，专注于类型安全、解析、错误处理等关键领域，帮助开发者高效定义和验证schema。关键词：Zod, TypeScript, schema验证, 类型安全, 解析, 错误处理, 最佳实践, 模式定义, 验证性能, 自动化重构

这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。

前端设计技能专注于创建独特、高质量的生产级Web界面，避免通用AI美学。它强调创意设计思维、大胆美学方向、精细的代码实现，涵盖排版、色彩、动效、空间构成等核心要素，旨在交付令人难忘、视觉冲击力强的用户体验。关键词：前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式设计、视觉差异化。

使用Better Auth/NextAuth v5进行身份验证实现的专家指导，包括登录/注册表单、Zustand会话管理、通过中间件的受保护路由和ERP系统的角色基础访问控制。

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

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

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

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

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

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

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