前端开发 Skill技能列表

⚡

前端API客户端与JWT技能Skill frontend-api-client-with-jwt

4.5

这是一个用于在Next.js框架中构建安全、稳健的API客户端的技能,专门处理JWT令牌的身份验证流程。该技能提供集中化的API通信层,自动管理令牌的附加、过期检测和刷新,标准化错误处理,并支持客户端和服务器端集成。关键词:Next.js API客户端、JWT身份验证、令牌管理、前端安全、API集成、错误处理、React集成、性能优化

⚡

算法艺术Skill algorithmic-art

4.5

算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术,强调种子随机性以确保作品可复现,并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目,关键词包括:算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。

⚡

React最佳实践Skill react-best-practices

4.5

这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南,包含45个规则,帮助开发者优化代码性能,涉及数据获取、包大小优化、渲染优化等关键领域,适用于前端开发,提升应用程序加载速度和用户体验。关键词:React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。

⚡

CombatUIPatternA-Split-PanelImplementationSkill combat-ui-pattern-a

4.5

这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI(模式A),包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词:游戏开发、UI设计、React组件、CSS Grid布局。

⚡

UI组件与表单生成技能Skill ui

4.5

这是一个专注于生成用户界面(UI)组件和反馈表单的自动化技能。它能够根据用户需求,快速创建符合可访问性标准的网页组件(如英雄区域、表单等)和用户反馈收集界面。核心功能包括组件生成、表单设计、可访问性(a11y)合规检查。适用于前端开发、低代码平台和需要快速构建用户界面的场景。 关键词:UI组件生成,反馈表单设计,前端开发,可访问性a11y,自动化界面构建,低代码,网页表单,用户体验UX

⚡

WebAuthentication(React)Skill web-auth

4.5

React 应用程序的身份验证模式,包括登录流程、OAuth、JWT 处理、会话管理和受保护的路由。

⚡

Tauri安全规则技能Skill tauri-security-rules

4.5

这个技能帮助开发者在Tauri应用开发中应用安全最佳实践,包括IPC安全、输入验证、HTTPS通信、认证授权和API暴露控制,以提升应用的安全性和合规性。关键词:Tauri安全、IPC安全、输入验证、HTTPS、认证、API安全、前端安全。

⚡

前端可访问性Skill frontend-accessibility

4.5

前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序,确保所有用户都能获得包容性的体验。

⚡

性能审计技能Skill perf

4.5

这是一个用于React前端组件性能审计的AI技能,能够自动扫描代码库,识别性能瓶颈、内存泄漏和优化机会。关键词:前端性能优化,React组件审计,内存泄漏检测,代码质量分析,性能评分,自动化代码审查,Web应用性能,渲染优化,资源清理,最佳实践检查。

⚡

dotnet-wpf-migrationSkill dotnet-wpf-migration

4.5

这个技能提供Windows桌面应用程序从.NET Framework迁移到现代框架的详细指南,包括WPF、WinForms、UWP到.NET 8+、WinUI 3和Uno Platform的路径、决策矩阵、工具使用和步骤说明。关键词:.NET迁移、WPF、WinUI、Uno Platform、桌面应用现代化、dotnet-upgrade-assistant、Windows开发。

⚡

React组合模式Skill vercel-composition-patterns

4.5

React组合模式是一种前端开发技能,用于构建可维护的React组件,避免布尔属性泛滥,提升代码质量和团队协作效率。关键词:React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构

⚡

Web框架技能组Skill web-frameworks

4.5

本技能组提供综合指南,用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词:Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。