前端开发 Skill技能列表
用户提问工具Skill ask-user-question
用户提问工具是一个MCP(模型上下文协议)技能,用于在用户界面中向用户显示模态框提问,获取用户输入、偏好确认和操作批准。该工具支持单选、多选和自定义文本输入,是AI助手与用户交互的关键接口,适用于任务澄清、偏好设置、敏感操作确认等场景。关键词:用户交互、模态框提问、偏好设置、操作确认、MCP工具、AI助手接口、用户输入获取。
WinUI3开发Skill dotnet-winui
这个技能专注于使用 .NET 和 WinUI 3 开发 Windows 桌面应用程序,涵盖项目设置、XAML 编译绑定、MVVM 架构、MSIX 和非打包部署、Windows 集成功能以及 UWP 迁移指南。关键词:WinUI 3、.NET、Windows App SDK、XAML、MVVM、MSIX、UWP 迁移、桌面应用开发。
Vue.js前端开发专家Skill vue-expert
Vue.js前端开发专家,精通Vue 3组合式API、Pinia状态管理和Nuxt.js框架,专注于构建高性能、响应式的现代Web应用程序。提供Vue 3开发、TypeScript集成、组件架构、性能优化、Nuxt.js SSR/SSG、状态管理等专业服务。关键词:Vue.js开发,Vue 3,组合式API,Pinia,Nuxt.js,TypeScript,前端架构,性能优化,响应式编程,Web应用开发。
UI设计师Skill ui-designer
UI设计师技能是一个专注于用户界面视觉与交互设计的专家系统。它提供从色彩搭配、组件主题化到无障碍访问的全方位设计指导,支持Material You、极简主义、玻璃拟态等多种流行设计语言。核心功能包括自动生成和谐调色板、建立可维护的主题系统、进行WCAG合规性审计,并能与开发工具(如Cursor)集成以自动化设计规范。适用于前端开发者、产品设计师和任何需要创建美观、易用且包容性强的数字界面的项目。关键词:UI设计,用户体验,前端开发,Tailwind CSS,无障碍设计,设计系统,色彩理论,组件库。
创建Claude规则Skill creating-claude-rules
Claude规则文件创建指南,提供Claude AI代码助手规则配置教程,包括路径限定、glob模式、frontmatter格式、目录结构等开发工具配置说明,适用于软件开发、AI辅助编程、项目规范管理场景。
UI设计师Skill ui-designer
UI设计师技能专注于提供专业的用户界面视觉设计服务,包括创建美观、直观且符合可访问性标准(如WCAG)的界面。核心能力涵盖视觉设计(色彩、字体、布局)、组件系统构建(按钮、表单、导航)、交互设计(状态、动画)以及设计系统开发。适用于新产品界面设计、现有界面重构、响应式设计实现、组件库创建和可访问性合规检查等场景。关键词:UI设计,用户界面,视觉设计,设计系统,组件库,可访问性,WCAG,响应式设计,交互设计,前端设计规范。
Electron主进程预加载脚本生成器Skill electron-main-preload-generator
这是一个用于生成安全Electron桌面应用程序主进程和预加载脚本的AI工具。它自动化创建符合安全最佳实践的代码样板,包括上下文隔离、IPC通信模式、内容安全策略等核心安全功能。适用于Electron开发者快速构建安全可靠的桌面应用,特别关注应用程序安全性和代码质量。关键词:Electron安全,桌面应用开发,IPC通信,上下文隔离,预加载脚本,代码生成器,安全最佳实践,TypeScript支持,沙箱环境,内容安全策略
Vue.js3最佳实践与性能优化技能Skill vue-best-practices
这个技能提供了 Vue.js 3 的最佳实践指南,涵盖响应式系统、组件设计、模板优化、性能调优等方面,帮助开发者避免常见错误,提升代码质量,优化应用性能。关键词:Vue.js, 前端开发, 性能优化, 最佳实践, Composition API, TypeScript
前端专家Skill frontend-expert
这个技能是前端开发专家,专注于帮助开发者审查和优化前端代码,应用UI/UX最佳实践,确保响应式设计和可访问性。支持多种技术栈如HTMX、Next.js、React、TypeScript等。关键词:前端开发、代码审查、UI/UX设计、响应式设计、可访问性、HTMX、Next.js、React、TypeScript。
URL转Markdown工具Skill baoyu-url-to-markdown
本技能使用Chrome DevTools协议(CDP)抓取网页并将HTML转换为干净的Markdown文件,支持自动捕获和等待用户信号模式,适用于保存网页内容、处理需要登录的动态页面,关键词包括URL抓取、HTML转Markdown、网页保存、自动化工具、Chrome CDP、Markdown转换。
TypeScript专家Skill typescript-expert
此技能专为解决TypeScript和JavaScript开发中的高级问题,涵盖类型级编程、性能优化、monorepo管理、迁移策略和现代工具集成。适用于复杂类型操作、构建性能调试、代码架构决策等场景,提升开发效率和质量。关键词:TypeScript, JavaScript, 类型安全, 性能优化, 代码调试, 迁移策略, 工具链, 前端开发。
ReactNativeWeb性能优化Skill react-native-web-performance
这个技能专注于优化React Native Web应用的性能,通过代码分割、包优化、内存化和Web特定改进,提升应用加载速度、渲染效率和用户体验。适用于前端开发和跨平台移动开发场景。关键词:React Native Web, 性能优化, 代码分割, 包优化, 内存化, Web优化, 前端开发, 移动开发。