Pinia v3是Vue.js的官方状态管理库，用于在Vue 3应用中管理全局状态。它支持defineStore、getters、actions等功能，适用于Vue 3存储、Nuxt SSR、Vuex迁移、存储组合、状态水合、测试等场景。关键词：Pinia, Vue状态管理, defineStore, 状态管理, Vue 3, SSR, Nuxt, 测试, 插件, 可组合。

算法可视化器是一个用于生成算法执行过程可视化图形的工具。它能够将复杂的算法逻辑，如排序、搜索、图遍历、动态规划等，通过分步动画、状态图、动态表格等形式直观呈现。该工具支持多种输出格式（ASCII、SVG、GIF、HTML），旨在帮助开发者、学生和面试者更好地理解算法原理、调试代码和进行技术讲解。 关键词：算法可视化，数据结构动画，动态规划演示，图算法动画，排序算法可视化，编程教学工具，代码调试辅助，面试算法讲解，计算机科学教育，交互式学习

这个技能专注于优化网站性能，通过改进Core Web Vitals指标（如LCP、CLS、INP）、减少JavaScript包大小、优化图片和缓存策略，提升页面加载速度和用户体验。适用于前端开发、SEO优化和网站维护，关键词包括：web性能优化、前端开发、SEO、Lighthouse、bundle优化、Core Web Vitals、LCP、CLS、INP、缓存策略。

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

该技能专注于软件的国际化和本地化实现，包括管理多语言翻译、处理区域文件、支持从右到左布局等，确保应用适应全球市场。关键词：国际化、本地化、翻译管理、多语言支持、RTL、前端开发、后端开发。

这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。

Markdown 转换工具是一款功能强大的文档处理工具，能够将 Markdown 格式的文档高效地转换为 HTML、PDF 等多种格式。它支持语法高亮、表格渲染和自定义 CSS 样式，是开发人员、技术写作者和内容创作者的理想选择，用于生成美观、专业的文档、技术手册和网页内容。关键词：Markdown转换，HTML生成，PDF导出，文档渲染，语法高亮，自定义样式，技术文档工具。

该技能旨在提供一套系统化的UI/UX设计与优化运营流程及检查清单，帮助团队高效、一致地进行用户界面与用户体验的设计、评审与迭代。关键词：UI设计，UX设计，用户体验，用户界面，设计系统，交互设计，可访问性，响应式设计，设计流程，检查清单。

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

这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。

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

Angular开发技能是一个专注于企业级Angular应用程序构建的专业技能，提供现代开发模式和最佳实践的专家指导。该技能涵盖Angular框架的核心功能，包括独立组件、依赖注入、路由配置、响应式表单、信号状态管理等关键技术。适用于前端开发人员、架构师和技术团队，帮助构建高性能、可维护的企业级Web应用。关键词：Angular开发、前端框架、企业级应用、独立组件、依赖注入、信号状态管理、响应式表单、路由懒加载、前端架构设计、TypeScript开发。