前端开发 Skill技能列表

Remix全栈开发技能Skill remix

4.5

Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集,提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景,帮助开发者快速构建高性能、可维护的Web应用。关键词:Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。

TypeScript代码规范指南Skill typescript

4.5

这个技能提供了TypeScript代码开发的最佳实践指南,包括类型共位原则、命名规范(如首字母缩略词camelCase处理)、测试文件组织、常量数组命名约定、工厂函数参数解构、Arktype可选属性模式、品牌类型使用和const泛型数组推断。适用于前端和后端开发,帮助团队标准化代码风格,提高代码质量、可维护性和测试效率。关键词:TypeScript, 代码规范, 开发指南, 命名约定, 测试组织, 类型系统, 前端开发, 后端开发, 软件开发

React.memo优化技能Skill rerender-memo

4.5

此技能用于通过 React.memo 和 useMemo 缓存组件计算,避免不必要的重新渲染,提升前端应用性能。关键词:React.memo, useMemo, 性能优化, 组件缓存, 前端开发。

SvelteFlow基础知识Skill svelteflow-fundamentals

4.5

这个技能用于构建可自定义的节点基础编辑器和交互式图表,适用于Svelte应用中的流程基础界面。涵盖核心概念、设置和常见模式,关键词包括Svelte Flow、节点基础、流程图、前端开发、交互式UI,适合SEO搜索。

Next.js最佳实践Skill nextjs-best-practices

4.5

这是一个关于Next.js App Router开发的最佳实践技能,涵盖服务器组件与客户端组件的决策树、数据获取模式、路由原则、API路由、性能优化、缓存策略和反模式等,适用于前端开发人员提升Next.js应用质量和效率。关键词包括:Next.js, App Router, 服务器组件, 数据获取, 路由, 前端开发, 性能优化, 缓存策略, 反模式。

vue-router最佳实践Skill vue-router-best-practices

4.5

本技能包提供了 Vue Router 4 的核心最佳实践指南,涵盖导航守卫、路由参数处理、组件生命周期交互等关键主题。旨在帮助前端开发者解决路由跳转、参数更新、守卫异步操作、无限循环等常见问题,优化单页应用的路由性能和代码结构。关键词:Vue Router, 导航守卫, 路由生命周期, 单页应用, 前端路由, Vue.js, 路由参数, 组件交互。

WP区块主题Skill wp-block-themes

4.5

WP区块主题技能专注于WordPress区块主题的开发、配置与调试。核心内容包括theme.json全局设置与样式管理、模板与模板部件创建、模式注册、样式变体应用,以及解决站点编辑器中的样式覆盖、缓存等常见问题。适用于WordPress开发者、主题设计师进行现代区块主题开发与维护。关键词:WordPress区块主题,theme.json配置,模板开发,样式变体,站点编辑器调试,WordPress主题开发。

图像优化Skill image-optimization

4.5

这项技能涉及对网站图像进行优化,以减少文件大小而不牺牲质量,包括压缩、使用现代格式和响应式技术,以加快加载速度,提升网站性能和用户体验。

React性能优化Skill react-performance

4.5

这个技能用于优化React应用程序的性能,通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术,提升应用响应速度、减少加载时间并改善用户体验。关键词:React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。

React组件生成器Skill react-component-generator

4.5

这是一个用于自动化生成符合规范的React组件的技能,支持TypeScript、Hooks、CSS Modules和测试文件,旨在提升前端开发效率和代码质量。关键词:React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

React性能优化最佳实践Skill react-best-practices

4.5

这是一个用于优化React和Next.js应用程序性能的技能,基于Vercel的最佳实践指南。它提供57个规则,涵盖8个关键类别,如消除瀑布流、包大小优化和重渲染优化,帮助开发者在代码编写、审查和重构中提升应用性能。关键词:React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。

AceternityUI技能Skill aceternity-ui

4.5

Aceternity UI技能是一个为Next.js应用设计的React组件库,提供100多个动画和交互式组件,使用Tailwind CSS和Framer Motion构建,适用于前端开发,提升网页界面视觉效果和用户交互体验。关键词:React, Next.js, Tailwind CSS, Framer Motion, 动画组件, 前端开发。