这是一个用于将Excalidraw JSON格式数据自动渲染为手绘风格PNG图表的工具。它支持生成流程图、架构图、示意图等多种图表类型，提供丰富的样式自定义选项和智能箭头绑定功能，无需手动计算坐标，简化了技术文档、设计草图和演示文稿的图表制作流程。关键词：Excalidraw图表生成，手绘风格流程图，JSON转PNG，技术绘图工具，架构图自动渲染，可视化工具。

Vite 是一个用于前端开发的下一代构建工具，提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器，适用于现代前端框架如 Vue 和 React，并支持插件扩展。关键词：Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。

Slidev是一款面向开发者的现代化演示文稿制作工具，基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制，能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片，并支持导出为PDF、PPTX等多种格式。

原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。

Figma设计同步技能是一个自动化工具，用于比较Figma设计图和Web实现，自动检测视觉差异并提供修复建议。它支持响应式设计优化、Tailwind CSS调整，并确保像素完美对齐，适用于前端开发、自动化质量保证和设计到代码的高效转换。关键词：Figma，设计同步，前端开发，CSS，Tailwind，自动化测试，像素完美，Web开发。

Vue 3 开发技能是一个参考系统，提供 Vue 3 Composition API 模式、组件架构、测试实践等指导，适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词：Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。

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

本技能专注于Vue Router 4的最佳实践，涵盖导航守卫的使用、路由参数管理、组件生命周期交互等核心知识点。帮助开发者避免常见陷阱，如无限重定向、数据陈旧问题，提升Vue.js单页面应用的开发效率和代码质量。关键词包括Vue Router、导航守卫、路由参数、组件生命周期、Vue.js开发、前端开发。

TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程

该技能用于基于Tailwind CSS的UI重构，提供52条规则和最佳实践，优化前端开发中的视觉设计、间距、排版、颜色和可访问性，提升代码质量和用户体验。关键词包括：Tailwind CSS, UI重构, 设计模式, 前端开发, 响应式设计, 视觉层次, 可访问性, 代码优化。