前端开发 Skill技能列表
WPFXAML样式生成器Skill wpf-xaml-style-generator
WPF XAML样式生成器是一款专门为Windows Presentation Foundation应用程序开发的专业工具,能够自动化生成支持多主题切换的XAML样式、控件模板和资源字典。该工具遵循现代UI设计原则,提供浅色/深色/高对比度主题支持,集成Fluent Design和Material Design设计系统,帮助开发者快速构建一致、可维护、美观的桌面应用程序界面。关键词:WPF开发、XAML样式、UI设计、主题切换、控件模板、资源字典、桌面应用程序、.NET开发、Fluent Design、Material Design
AntDesignVue组件库技能Skill ant-design-vue
Ant Design Vue 是一个专为 Vue 3 设计的 Ant Design 组件库,提供全面的安装、使用、API 参考和模板指导。适用于构建企业级 Vue 应用界面,包含各种 UI 组件如按钮、表格、表单等。关键词:Ant Design Vue, Vue 3, 组件库, 前端开发, UI 设计。
Three.js3D图形开发技能Skill threejs
Three.js 技能库提供构建3D网页体验的全面知识,涵盖场景设置、几何体、材质、照明、纹理、动画、加载器、着色器、后处理和交互等核心领域。适用于WebGL可视化、GLTF模型处理、自定义着色器实现和交互式3D元素开发,关键词包括Three.js、WebGL、3D图形、JavaScript库、前端开发、3D建模、动画效果。
Nuxt4+开发Skill nuxt
这个技能专注于Nuxt 4+框架的开发,提供服务器路由、文件路由、中间件、组合式API等全方位指导,助力开发者高效构建现代化Web应用。关键词:Nuxt 4+、前端开发、Vue.js、服务器端渲染、Web开发、Nuxt框架。
ReactNativeWeb核心Skill react-native-web-core
这个技能用于使用React Native构建跨平台的web应用,涵盖核心概念、组件和开发模式。关键词:React Native Web, 跨平台开发, web应用, React Native 组件, 前端开发。
瑞卡UISkill reka-ui
Reka UI是一个基于Vue 3的无样式、可访问组件库,用于构建headless组件。它提供组件API、无障碍模式(WAI-ARIA合规)、组合模式(asChild)、受控/非受控状态管理、虚拟化优化和样式集成,适用于需要高度定制和可访问性的前端开发项目。关键词:Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。
原型到生产Skill prototype-to-production
原型到生产技能是一款自动化工具,用于将设计原型(如HTML、CSS、Figma导出文件)高效转换为生产就绪、类型化的前端组件。它通过分析原型结构,智能提取设计令牌和可复用模式,并遵循原子化设计方法论,生成符合项目技术栈(如React、TypeScript、Tailwind CSS)的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建,提升从设计到开发的转化效率和质量。关键词:原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。
Markdown转HTML转换工具Skill baoyu-markdown-to-html
这是一个高效的工具,用于将 Markdown 文档转换为美观的 HTML 格式,支持多种主题、代码高亮、数学公式、图表等特性,特别适用于微信公众号、博客和其他在线平台的内容发布,提高内容展示效果和兼容性。关键词:Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。
uViewVue2组件库技能Skill uview-vue2
这个技能提供uView Vue 2组件库的全面指导,帮助开发者构建uni-app应用程序,使用uView UI组件和工具进行前端开发。关键词:uView UI, Vue 2, uni-app, 前端组件, 移动开发, 响应式布局, 主题定制。
Canvas设计Skill canvas-design
Canvas 设计技能专注于使用 HTML Canvas API 和设计工具(如 Figma、Adobe Creative Suite)进行视觉创作,涵盖数据可视化、交互式图形、图表制作、游戏图形、动画、图像处理和视觉编辑器开发。关键词包括:HTML Canvas、数据可视化、交互式图形、动画设计、游戏开发、图像处理、视觉编辑器、前端开发。适用于前端项目、数据可视化、游戏设计和视觉内容制作,提升用户体验和视觉效果。
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。
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务,涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。