前端开发 Skill技能列表
Context7高效文档获取器Skill context7-efficient
Context7高效文档获取器是一个智能开发工具，通过shell管道过滤技术实现86.8%的令牌节省，专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架，提供智能过滤、代码示例提取和API签名识别功能，帮助开发者高效学习和使用各种开发库。
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
p5.js算法艺术生成Skill algorithmic-art
使用p5.js库通过种子随机性和交互式参数控制创建算法艺术，适用于生成艺术、流场、粒子系统等场景，强调算法表达和计算美感。关键词：算法艺术、p5.js、生成艺术、种子随机性、交互参数、计算美学、前端开发、创意编码
Nuxt内容管理技能Skill nuxt-content
Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。
TresJS三维前端开发技能Skill tresjs
TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程
前端开发指南Skill frontend-dev-guidelines
Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。
组件组装Skill assembling-components
组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统，包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目，确保设计令牌正确使用、组件无缝连接，并优化开发工作流程。关键词：AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。
uViewProVue3组件库指南Skill uview-pro-vue3
这个技能提供uView Pro Vue 3组件库的全面指南，帮助开发者安装、配置和使用各种UI组件、工具和布局模板，适用于Vue 3和uni-app项目。关键词包括uView Pro, Vue 3, uni-app, UI组件, 前端开发, 组件库, 移动优先设计, 主题自定义, i18n, 工具方法。
VueRouter4最佳实践Skill vue-router-best-practices
本技能专注于Vue Router 4的最佳实践，涵盖导航守卫的使用、路由参数管理、组件生命周期交互等核心知识点。帮助开发者避免常见陷阱，如无限重定向、数据陈旧问题，提升Vue.js单页面应用的开发效率和代码质量。关键词包括Vue Router、导航守卫、路由参数、组件生命周期、Vue.js开发、前端开发。
Next.jsAppRouter-生产模式Skill nextjs
这个技能提供了Next.js 16 App Router的生产模式最佳实践，涵盖Server Components、Server Actions、Cache Components等，用于构建高性能的React应用，包括数据获取、表单处理、缓存优化和性能调优。关键词：Next.js 16, App Router, Server Components, Server Actions, 缓存组件, 性能优化, React 19.2, 生产部署, Web开发。
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具，旨在通过预制的composable函数简化开发流程，提高代码的可读性和维护性。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。