前端开发 Skill技能列表

4.5

网页无障碍审计专家Skill AccessibilityAuditor

这个技能用于网页可访问性审计,确保网站符合WCAG 2.1 AA/AAA标准,实现ARIA属性,测试屏幕阅读器兼容性,并提供无障碍设计指导。关键词:网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。

4.5

网页界面审查技能Skill web-design-guidelines

这个技能用于自动审查用户界面代码,确保其符合网页界面最佳实践,涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面,帮助前端开发者提升代码质量和用户体验。关键词:UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。

4.5

Svelte5开发Skill svelte-development

Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能,涉及响应式设计、全栈开发、TypeScript 和测试,关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试

4.5

Web界面指南审查Skill web-design-guidelines

这个技能用于自动审查UI代码是否符合Web界面指南,提升网站的可访问性、用户体验和设计质量,适用于前端开发、设计审计和最佳实践检查。关键词:Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。

4.5

TypeScript代码规范指南Skill typescript

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

4.5

Tauri路径处理Skill tauri

这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理,帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词:Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。

4.5

同步构造异步属性模式Skill sync-construction-async-property-ui-render-gate-pattern

一种软件设计模式,用于在需要异步初始化的客户端中实现同步构造和异步属性,使模块可导出并在UI组件中同步使用,避免顶级await问题。适用于前端开发,如SvelteKit应用,通过UI渲染门确保异步工作完成后才渲染UI。关键词:同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。

4.5

Svelte前端开发最佳实践Skill svelte

这个技能专注于使用 Svelte 5 框架进行高效前端开发,涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践,以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用,提升开发效率和用户体验。关键词:Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变

4.5

查询层模式Skill query-layer

查询层模式是一种在前端开发中使用的技能,它通过TanStack Query和WellCrafted工厂实现UI组件与服务层之间的反应式桥梁。核心功能包括错误转换、缓存管理、运行时依赖注入和乐观更新,以提高应用性能和用户体验。关键词:查询层、TanStack Query、错误处理、缓存、反应式编程、前端开发、数据管理。

4.5

方法简写JSDoc保留Skill method-shorthand-jsdoc

这个技能用于在TypeScript或JavaScript开发中,通过工厂函数返回对象时使用方法简写,确保JSDoc注释在IDE中可见,提高代码文档的可读性和维护性。关键词:JSDoc、TypeScript、JavaScript、工厂函数、方法简写、代码文档、IDE提示、前端开发。

4.5

Zustand状态管理技能Skill zustand-state-management

这个技能提供了在 React 应用中,使用 Zustand 进行状态管理的完整设置指南,特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践,用于构建可扩展、类型安全的全局状态。关键词:Zustand,状态管理,React,TypeScript,持久化,中间件,前端开发,JavaScript,Redux 替代。

4.5

OpenAPI到TypeScript转换Skill openapi-to-typescript

这个技能用于将OpenAPI 3.0规范转换为TypeScript接口和类型守卫,帮助开发者从API规范自动生成类型定义,提高开发效率和代码质量,适用于前端和后端开发。关键词:OpenAPI, TypeScript, 接口生成, API规范, 类型安全, 前端开发, 后端开发, 自动化代码生成