前端开发 Skill技能列表
NuxtSEO优化模块Skill nuxt-seo
Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集,提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能,帮助提升网站搜索排名和用户体验。关键词:Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。
JavaScript开发Skill javascript
JavaScript开发技能,用于编写现代、干净的JavaScript和TypeScript代码,包括异步编程、Node.js开发、浏览器兼容性处理等。关键词:JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。
senior-frontendSkill senior-frontend
高级前端技能,专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践,包括组件库、主题系统、响应式设计和暗色模式的实现。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
Zustand中间件技能Skill zustand-middleware
Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能,包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化,提高应用性能和可维护性。关键词:Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能,通过使用React Server Components(RSC)将慢速客户端数据获取转换为快速服务器端数据获取,提高页面加载速度、SEO和用户体验。关键词:RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践,基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式,适用于UI开发和前端应用构建。关键词:Makepad事件处理,动作模式,UI开发,Rust编程,Robrix,Moly,小部件动作,异步处理,前端框架。
表单构建Skill building-forms
本技能提供系统化的表单构建指导,涵盖输入组件选择、验证策略、可访问性合规(WCAG 2.1)、UX最佳实践,以及JavaScript/React和Python的示例实现。适用于创建各种表单界面,如注册流程、调查问卷、多步向导等。关键词:表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
布局系统与响应式设计Skill designing-layouts
这个技能专注于使用现代CSS技术设计和实现响应式布局系统,包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略,帮助开发者构建灵活、可访问的用户界面,适用于各种设备。关键词:CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个用于React和Next.js应用性能优化的技能,提供Vercel工程团队的45条最佳实践规则,涵盖从消除瀑布效应到包大小优化等关键领域,旨在指导代码重构和自动化生成。关键词包括:React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具,用于快速创建和打包复杂的HTML组件,使用React、Tailwind CSS和shadcn/ui等现代技术,适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。