Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。

该技能用于将Figma设计节点转化为生产就绪的代码，确保1:1视觉保真度，通过Figma MCP工作流实现设计上下文提取、截图捕获、资产下载和项目约定翻译。关键词包括：Figma设计、代码实现、视觉保真度、MCP工作流、设计系统集成。

组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。

这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码，覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发，与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词：TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。

Vue.js 3 开发技能专注于使用Composition API、TypeScript、Pinia、Nuxt等工具构建现代Web应用，适用于前端开发、全栈开发、组件设计、状态管理、测试等场景。关键词：Vue.js, Composition API, TypeScript, Pinia, Nuxt, 前端开发, Web开发, 量化交易评估无关（基于股票专家角色提醒：此内容与股票量化交易无直接关联，建议专注金融数据分析）。

这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南，包含57条规则，涵盖8个类别，适用于前端开发中的代码优化和性能提升。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。

这个技能用于自动检查和确保前端代码符合开发指南，通过执行git命令和读取指南文件，提升代码质量和团队协作效率。关键词：前端开发、代码检查、git、指南遵守、自动化测试。

本技能提供一套完整的 TypeScript 开发最佳实践指南，专注于类型优先开发、编译时安全、运行时验证和健壮代码编写。核心内容包括：使用类型系统使非法状态无法表示，通过判别联合、标记类型和常量断言提升代码安全性；采用模块化、函数式编程模式；结合 Zod 库进行运行时数据验证与配置管理。适用于所有 TypeScript/JavaScript 项目，旨在帮助开发者编写更可靠、易维护且错误更少的代码。关键词：TypeScript 最佳实践，类型优先开发，Zod 验证，编译时安全，代码健壮性，前端开发，JavaScript 类型安全。

Portfolio Buddy 2 开发规划指南，提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。

Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。

Vue Router v4 是一个用于 Vue 3 应用程序的前端路由管理库，提供路由配置、导航守卫、动态路由匹配、懒加载和代码分割等功能。适用于构建单页应用，支持 TypeScript 类型化路由和组合式 API。关键词：Vue Router v4, 前端开发, 路由管理, Vue 3, 导航守卫, 动态路由, 懒加载, TypeScript, SEO 搜索。