前端开发 Skill技能列表

4.5

VueUse工具库Skill vueuse

VueUse工具库是一个Vue.js的组合式函数集合,提供各种响应式实用工具,涵盖状态管理、浏览器API、传感器、网络、动画等,帮助开发者高效构建Vue应用,避免重复开发。关键词:VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。

4.5

VueUse函数Skill vueuse-functions

VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具,旨在通过预制的composable函数简化开发流程,提高代码的可读性和维护性。

4.5

网页设计审查员Skill web-design-reviewer

这个技能用于自动检查和修复网站的设计问题,包括响应式设计、可访问性、视觉一致性和布局中断。通过浏览器自动化和源代码编辑,提高网站质量。关键词:网页设计审查、UI检查、响应式修复、可访问性测试、视觉一致性、布局优化、源代码修复、前端开发工具。

4.5

ViteSkill vite

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

4.5

shadcn-vueVue组件库Skill shadcn-vue

shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库,基于Reka UI和Tailwind CSS,提供可访问、可自定义的组件,如自动表单、数据表格、图表等,并支持黑暗模式和TypeScript。关键词:Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript

4.5

设计到生产Skill design-to-production

这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化(Glassmorphism)UI设计风格,通过5步标准化流程(分析→映射→脚手架→实现→验证)确保代码质量。关键词:HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成

4.5

NuxtUIv4前端组件库技能Skill nuxt-ui-v4

这个技能是用于使用 Nuxt UI v4 组件库进行前端开发,构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件,支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript,适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词:Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。

4.5

tauri项目初始化Skill tauri-project-setup

该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架(如React、Vue、Svelte),提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词:Tauri桌面应用,Rust后端,前端框架集成,跨平台开发,WebView,轻量级应用。

4.5

Ink组件生成器Skill ink-component-generator

Ink组件生成器是一个专门用于为命令行界面(CLI)快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件(如选择列表、文本输入框、加载动画)、自定义状态管理钩子以及布局组件,并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词:Ink组件,React CLI,终端UI,命令行界面,组件生成,前端开发,Node.js,交互式应用。

4.5

实现命令面板Skill implementing-command-palettes

本技能详细讲解如何在React中实现高效、响应式的命令面板(Cmd+K/Ctrl+K),涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。

4.5

Maz-UI前端组件库技能Skill maz-ui

此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式

4.5

Markdown转换器Skill markdown-converter

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