Bun 代码打包工具是一个用于快速高效打包 JavaScript 和 TypeScript 应用程序的技能，支持浏览器、Node.js 和 Bun 运行时等多种构建目标，实现自动树摇、代码分割和优化策略，提升 Web 开发性能和效率。关键词：Bun, JavaScript, TypeScript, 打包, 代码分割, 树摇, 优化, Web 开发, 构建工具。

该技能是一个用于创建复杂HTML产物的前端开发工具套件，基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件，适用于构建需要状态管理、路由和多组件交互的Web应用。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。

前端美学设计技能是一个专门用于创建高质量、独特UI界面的设计指南。它专注于避免常见的AI生成设计模式，提供专业的字体排版、色彩系统、动效设计和背景深度方案。关键词包括：UI设计、前端美学、设计系统、字体排版、色彩搭配、动效设计、Tailwind CSS、Framer Motion、设计令牌、品牌界面、仪表板设计、落地页优化。

这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。

此技能用于快速创建和初始化uni-app项目，通过一键命令或HBuilderX工具，支持Vue 2/Vue 3模板选择、配置文件设置和项目结构生成，适用于前端开发和移动应用开发场景。关键词：uni-app、项目创建、CLI、HBuilderX、Vue、快速启动、项目初始化、模板选择。

这个技能提供全面的UI/UX和前端设计最佳实践指南，用于确保代码的可访问性、性能和用户体验。适用于前端开发、网页设计、响应式布局、表单验证、动画优化等领域，关键词包括UI设计、前端开发、最佳实践、可访问性、性能优化、响应式设计、用户体验、HTML CSS。

此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发

该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。

这个技能提供了Chrome浏览器扩展的用户体验和用户界面设计的最佳实践指南，涵盖组件选择、可访问性、弹出窗口、侧边栏、内容脚本UI等关键方面，优化Manifest V3兼容性，旨在帮助开发者创建高效、易用且符合规范的扩展。关键词：Chrome扩展、UX/UI设计、最佳实践、前端开发、浏览器扩展、Manifest V3、设计指南。

这个技能用于优化前端React应用中的正则表达式使用，通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化，避免在每次渲染或函数调用时重复创建，从而提高性能并减少内存开销。关键词：React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。

提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

该技能用于在开始前端开发任务前，系统阅读和理解相关开发指南，以确保代码质量、一致性并遵循最佳实践，关键词包括前端开发、指南阅读、编码标准、代码规范、SEO优化。