前端开发 Skill技能列表

4.5

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

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

4.5

Blazor认证与授权技能Skill dotnet-blazor-auth

本技能专注于在.NET Blazor应用中实现完整的认证和授权解决方案,覆盖登录/注销流程、AuthorizeView组件、ASP.NET Core Identity UI集成、OIDC外部身份提供商,支持多种Blazor托管模型(Server、WASM、Auto、SSR、Hybrid),并包括角色和策略授权机制,适用于前端开发者和全栈工程师构建安全、高效的Web应用。关键词:Blazor认证、Blazor授权、.NET安全、ASP.NET Core Identity、OIDC、前端开发。

4.5

tsdownSkill tsdown

tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。

4.5

PiniaColada数据获取技能Skill pinia-colada

Pinia Colada 是一个用于 Vue 和 Nuxt 的智能数据获取库,提供 useQuery 和 useMutation 等功能,用于处理异步状态、查询缓存、服务器端渲染(SSR)、查询失效、乐观更新等。关键词:Pinia Colada, Vue, Nuxt, 数据获取, 缓存, SSR, 异步状态管理, useQuery, useMutation。

4.5

Context7MCP使用模式Skill context7-usage

Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容,支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗,提升开发文档查询的精确度和速度,是程序员和AI助手进行技术文档检索的优化解决方案。关键词:Context7 MCP,文档检索,库文档查询,AI开发工具,编程文档索引,令牌优化,技术栈支持。

4.5

设计评审技能Skill design-review

这个技能提供一套系统化的前端设计评审方法论,包含7个阶段,确保可访问性(WCAG 2.1 AA标准)、响应式设计和视觉抛光。它用于代码审查、UI审计,并解决常见设计问题如对比度问题、布局断裂、可访问性违规等,适用于PR评审和用户体验改进。关键词:设计评审、UI审计、前端开发、可访问性测试、响应式设计、视觉QA、用户体验、WCAG合规、PR审查。

4.5

原子设计:夸克Skill atomic-design-quarks

原子设计:夸克技能专注于使用原子设计方法论中的夸克级别来构建和维护设计系统的基础。它包括定义和管理设计令牌(如颜色、间距、字体大小、阴影等原始值),并将它们导出为CSS自定义属性,以实现样式一致性和主题支持。此技能适用于前端开发中的设计系统建设,确保可维护性和可扩展性,适用于创建可主题化的组件库、大型代码库一致性维护以及多品牌应用开发。关键词:原子设计、夸克、设计令牌、CSS变量、前端开发、设计系统、样式一致性、主题化。

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

Nuxt内容管理技能Skill nuxt-content

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件,用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词:Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。

4.5

Markdown转HTML转换工具Skill baoyu-markdown-to-html

这是一个高效的工具,用于将 Markdown 文档转换为美观的 HTML 格式,支持多种主题、代码高亮、数学公式、图表等特性,特别适用于微信公众号、博客和其他在线平台的内容发布,提高内容展示效果和兼容性。关键词:Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。

4.5

Next.js全栈开发技能Skill nextjs

这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架,特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构,实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式(如并行路由、拦截路由)以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词:Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。

4.5

Vite使用指南Skill vite

此技能提供Vite构建工具的全面指导,覆盖从入门设置到高级配置、插件选择、API使用和部署优化,适用于前端开发项目以提升开发效率和性能。关键词:Vite, 构建工具, 前端开发, HMR, 插件, SSR, 配置, 依赖预捆绑, 资产。