前端开发 Skill技能列表

⚡

Electron内存性能分析器Skill electron-memory-profiler

4.5

Electron内存性能分析器是一款专门用于检测和优化Electron桌面应用程序内存使用情况的工具。它能够分析主进程和渲染进程的内存消耗,通过堆快照技术识别内存泄漏,监控V8堆统计和DOM节点数量,并提供详细的优化建议。适用于Electron开发人员、性能工程师和桌面应用优化专家,帮助提升应用程序的稳定性和性能表现。关键词:Electron内存分析,内存泄漏检测,性能优化,堆快照,渲染进程监控,桌面应用性能

⚡

滚动体验Skill scroll-experience

4.5

滚动体验技能专注于设计和实现基于滚动的网络交互体验,包括滚动动画、视差叙事、互动故事和电影化网站,以提升用户沉浸感和交互性。关键词:滚动动画、视差效果、互动叙事、前端开发、用户体验设计。

⚡

TauriWebView调试器Skill debug-tauri

4.5

Tauri WebView 调试器是一个自动化调试工具,专为 Tauri 桌面应用开发设计。它集成了官方插件,提供进程监控、自动截图、控制台日志收集和 WebView 状态分析功能。适用于开发者快速定位 WebView 渲染问题、UI 错误、运行时异常和性能瓶颈。关键词:Tauri 调试、WebView 问题排查、桌面应用开发、自动化测试、日志收集、截图工具、前端调试、Rust 桌面应用。

⚡

React组合模式Skill react-composition-patterns

4.5

这个技能专注于React前端开发中的组合模式,帮助开发者构建可扩展、可维护的组件,通过避免布尔属性泛滥,使用复合组件、状态提升和上下文提供者优化组件架构。关键词:React,组合模式,前端开发,组件架构,状态管理,可维护性,SEO。

⚡

Next.jsAppRouter-生产模式Skill nextjs

4.5

这个技能提供了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开发。

⚡

SEO处理技能Skill seo-handler

4.5

SEO处理技能是一个针对Next.js框架的搜索引擎优化管理工具。它专注于站点地图管理、元数据配置、结构化数据生成、服务器端渲染优化和爬虫控制,旨在提升网站在Google、百度等搜索引擎中的排名和可见性。核心功能包括自动生成站点地图、优化OpenGraph标签、注入JSON-LD结构化数据、配置ISR缓存策略以及管理robots.txt文件。适用于前端开发者、SEO工程师和网站管理员,帮助实现技术SEO的最佳实践。

⚡

Three.js交互式3D可视化构建技能Skill three-js-interactive-builder

4.5

该技能用于基于Three.js库开发交互式3D可视化应用,专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词:Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。

⚡

AntDesignReact组件库技能Skill ant-design-react

4.5

该技能提供 Ant Design React 组件库的全面使用指南,帮助开发者快速构建 React 应用,支持组件如按钮、表单、表格的集成,主题定制,国际化,TypeScript 类型支持等,关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。

⚡

浏览器内容获取Skill browser-get-content

4.5

浏览器内容获取技能用于自动化提取网页文本和特定元素信息,支持数据抓取、页面验证和元素读取等操作。关键词:浏览器自动化、网页内容提取、数据抓取、元素获取。

⚡

无障碍可访问性(WCAG)Skill accessibility-wcag

4.5

本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用,涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化,适用于前端开发中确保所有用户(包括残疾人)能够访问和使用Web内容,提升Web可访问性和SEO友好性。

⚡

WXT浏览器扩展性能优化指南Skill wxt-browser-extensions

4.5

本技能提供WXT浏览器扩展开发的性能优化指南,包含49条规则,分为8个类别,覆盖服务工人生命周期、内容脚本注入、消息架构、存储模式等关键领域,旨在帮助开发者在编写、审查或重构代码时提升扩展性能,确保最优实践。关键词:WXT,浏览器扩展,性能优化,JavaScript,前端开发,扩展API。

⚡

团队界面设计技能Skill team-uidesign

4.5

这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。