该技能用于构建和管理网站或应用的动态视觉体验系统。核心功能包括：创建和管理动画库（光束、剪辑、卡片、过渡等效果）、集成3D组件（Three.js）、构建灵感展示画廊和演示页面。它强调安全（如防癫痫）、可访问性（支持减少动画偏好）和性能优化，旨在通过丰富的动画和布局提升用户界面吸引力和交互体验。关键词：视觉体验引擎，网页动画，Three.js 3D，动画预设，可访问性动画，前端交互设计，UI/UX动画。

此技能用于配置Storybook前端开发工具，包括设置主配置、添加物、构建器和框架集成，以优化UI组件开发、文档生成和测试体验。关键词：Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。

使用Redux、MobX、Zustand和Context API等现代库和模式，实现复杂前端应用的状态管理，包括状态共享、可预测的状态变化和时间旅行调试。

这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。

JavaScript早期退出技巧用于在编码中尽早从函数或循环返回，以避免执行不必要的计算，从而提高代码性能和效率。适用于数据处理、输入验证、条件判断等场景。关键词：JavaScript，早期返回，代码优化，性能优化，函数设计。

这个技能专注于Makepad框架中的着色器编程，用于帮助用户编写和解释着色器代码，包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染，关键词包括：Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。

这个技能用于管理 shadcn/ui 组件，支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令，适用于前端开发项目。关键词：shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。

前端设计技能用于通过AI多模态分析、创意代码实现和独特美学，创建高质量、生产级的前端界面。它专注于避免通用AI美学，适用于Web开发、组件构建、设计复制和灵感汲取，关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。

这个技能是关于使用TypeScript进行高效Web开发和编程的，提供核心模式示例、快速入门指南和常见应用场景。关键词：TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。

该技能专注于创建独特、生产级的前端界面，强调高设计质量和创意代码实现，适用于网站、应用等开发，避免通用AI美学，提升UI设计品质。关键词包括前端开发、UI设计、创意代码、生产级界面、美学设计。