前端开发 Skill技能列表

4.5

NuxtSEO完整指南Skill nuxt-seo

这是一个全面的Nuxt SEO技能指南,用于优化Nuxt.js应用的搜索引擎优化。它涵盖了所有8个核心SEO模块和3个Pro模块的安装、配置、集成和最佳实践,帮助开发者实现robots.txt、sitemap.xml、Open Graph图像、Schema.org结构化数据等功能。关键词:Nuxt SEO, SEO优化, 前端开发, Vue.js, 搜索引擎优化, robots.txt, sitemap.xml, Open Graph, Schema.org。

4.5

Vue.js3最佳实践与性能优化技能Skill vue-best-practices

这个技能提供了 Vue.js 3 的最佳实践指南,涵盖响应式系统、组件设计、模板优化、性能调优等方面,帮助开发者避免常见错误,提升代码质量,优化应用性能。关键词:Vue.js, 前端开发, 性能优化, 最佳实践, Composition API, TypeScript

4.5

前端工程Skill software-frontend

前端工程技能专注于现代Web应用的高质量开发,涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践,包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词:前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。

4.5

Slidev幻灯片制作工具Skill slidev

Slidev是一款基于Vite、Vue和Markdown的web幻灯片制作工具,专为开发者设计,支持代码高亮、动画、交互式演示、数学方程和图表功能,适用于技术演讲、会议发言和教学材料制作。关键词:幻灯片、开发者、Markdown、Vue、代码高亮、动画、交互演示、技术演讲、教学工具、Web演示。

4.5

设计稿规范提取器Skill mock-spec-extractor

设计稿规范提取器是一款基于AI的图像分析工具,专门用于自动从UI设计稿(如PNG、Figma文件等)中提取完整的设计规范。它能智能识别并输出颜色板、字体样式、布局结构、间距系统和UI组件等关键设计元素,生成可直接用于前端开发的CSS变量和实现指南。核心功能包括:颜色提取、字体检测、布局分析、间距模式识别和组件识别。适用于前端开发、UI设计、设计系统构建和自动化代码生成等场景,帮助团队实现像素级完美还原,提升开发效率。关键词:设计稿分析,UI规范提取,颜色提取,字体识别,布局分析,前端开发自动化,设计系统,CSS变量生成,组件检测,图像处理。

4.5

TypeScript专家Skill typescript-expert

此技能专为解决TypeScript和JavaScript开发中的高级问题,涵盖类型级编程、性能优化、monorepo管理、迁移策略和现代工具集成。适用于复杂类型操作、构建性能调试、代码架构决策等场景,提升开发效率和质量。关键词:TypeScript, JavaScript, 类型安全, 性能优化, 代码调试, 迁移策略, 工具链, 前端开发。

4.5

Vue3技能Skill vue3

这个技能提供Vue 3的全面指南和API参考,帮助开发者掌握Vue 3核心概念、组件开发、反应性系统、模板语法、路由和状态管理,包括最佳实践、TypeScript集成和性能优化。关键词:Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript

4.5

Electron主进程预加载脚本生成器Skill electron-main-preload-generator

这是一个用于生成安全Electron桌面应用程序主进程和预加载脚本的AI工具。它自动化创建符合安全最佳实践的代码样板,包括上下文隔离、IPC通信模式、内容安全策略等核心安全功能。适用于Electron开发者快速构建安全可靠的桌面应用,特别关注应用程序安全性和代码质量。关键词:Electron安全,桌面应用开发,IPC通信,上下文隔离,预加载脚本,代码生成器,安全最佳实践,TypeScript支持,沙箱环境,内容安全策略

4.5

前端设计Skill frontend-design

此技能用于创建独特、生产级的前端界面,强调美学设计和代码质量,避免通用AI生成风格。适用于Web开发、UI/UX设计、创意编码,关键词包括前端设计、Web开发、美学界面、创意编码、SEO优化、HTML/CSS、React、Vue。

4.5

WinUI3开发Skill dotnet-winui

这个技能专注于使用 .NET 和 WinUI 3 开发 Windows 桌面应用程序,涵盖项目设置、XAML 编译绑定、MVVM 架构、MSIX 和非打包部署、Windows 集成功能以及 UWP 迁移指南。关键词:WinUI 3、.NET、Windows App SDK、XAML、MVVM、MSIX、UWP 迁移、桌面应用开发。

4.5

Vue最佳实践Skill vue-best-practices

这是一个专注于Vue.js 3框架开发最佳实践的技能包,特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案,用于提升Vue组件开发的健壮性和开发效率。核心功能包括:Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词:Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。

4.5

用户提问工具Skill ask-user-question

用户提问工具是一个MCP(模型上下文协议)技能,用于在用户界面中向用户显示模态框提问,获取用户输入、偏好确认和操作批准。该工具支持单选、多选和自定义文本输入,是AI助手与用户交互的关键接口,适用于任务澄清、偏好设置、敏感操作确认等场景。关键词:用户交互、模态框提问、偏好设置、操作确认、MCP工具、AI助手接口、用户输入获取。