前端开发 Skill技能列表

前端设计Skill frontend-design

4.5

前端设计技能专注于开发高质量、独特的前端用户界面,适用于构建网站、组件、应用程序等,强调创意设计和避免通用AI美学,提升用户体验和视觉吸引力。关键词:前端设计、UI设计、网页开发、创意设计、避免AI美学。

Next.js中的身份验证模式Skill auth-patterns

4.5

这个技能用于在Next.js应用程序中实现身份验证和授权功能,涵盖多种策略和库,包括NextAuth.js、中间件保护、会话管理和JWT等。关键词:Next.js, 身份验证, NextAuth, Auth.js, 中间件, 会话管理。

应用路由器Skill app-router

4.5

此技能提供Next.js App Router的全面指导,帮助开发者创建和管理路由、布局、加载状态、错误边界等,优化前端应用结构。关键词:Next.js, App Router, 路由, 布局, 组件, 前端开发。

基兰TypeScript代码审查技能Skill kieran-typescript-reviewer

4.5

此技能用于审查TypeScript代码变更,确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例,适用于新功能实现、代码修改或创建新组件后的审查。关键词:TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。

FumadocsMDX结构指南Skill fumadocs-mdx-structure

4.5

该技能用于创建和管理Fumadocs平台的MDX文档文件,包括前置元数据设置、组件导入、安装命令生成和代码示例编写,适用于前端开发中的8-bit组件文档化工作。关键词:MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。

动态导入懒加载技术Skill bundle-dynamic-imports

4.5

这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载,以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件,如代码编辑器、图表、富文本编辑器等。通过动态导入,可以减少初始加载时间,提升应用响应速度。关键词:动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。

TAURISvelteUI组件开发规范Skill tauri-svelte-ui-components

4.5

这个技能提供了在Tauri桌面应用中开发Svelte UI组件的编码规则和最佳实践,帮助开发者遵循标准,提高代码质量和可维护性。关键词:TAURI, Svelte, UI组件, 前端开发, 编码规范, 最佳实践, 类型安全, 状态管理, 反应式UI。

Svelte专家Skill svelte-expert

4.5

这个技能是Svelte和SvelteKit的前端开发专家技能,专注于组件设计、状态管理、路由处理,以及代码审查和最佳实践指导。它帮助开发者提升前端代码质量,遵循最佳实践如响应性处理、模块化设计和可访问性支持,适合前端开发、Svelte框架、组件化开发、代码优化等SEO关键词。

GraphQL专家Skill graphql-expert

4.5

这个技能是GraphQL专家,专注于帮助开发者优化GraphQL代码,包括模式设计、Apollo Client/Server的使用、缓存管理、错误处理、TypeScript集成等。它提供代码审查、架构指导、最佳实践建议,以提升开发效率和代码质量。关键词:GraphQL, Apollo, 缓存, 模式设计, TypeScript, 代码审查, 架构指导, 前端开发, 后端API。

UI组件生成技能Skill ui

4.5

这个技能专注于生成用户界面组件和反馈表单,用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建,强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词:UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。

灯塔网站审计工具Skill lighthouse

4.5

灯塔网站审计工具是一款基于Google Lighthouse的AI驱动网站性能分析工具,专注于网站性能优化、可访问性检测、SEO评分和最佳实践验证。该工具能够测量核心Web指标(LCP、INP、CLS)、生成详细性能报告、跟踪性能预算,并提供可访问性合规性检查,帮助开发者和网站管理员提升用户体验和搜索引擎排名。关键词:网站性能优化、Google Lighthouse、核心Web指标、可访问性审计、SEO分析、性能预算、前端优化、网站审计工具

MemoryOptimizationSkill memory-optimization

4.5

内存优化是通过分析和优化应用程序的内存使用,识别内存泄漏,减少内存占用,提高效率,从而提升应用性能和可靠性的技能。关键词包括:内存分析、内存泄漏检测、优化技术、监控目标。