前端开发 Skill技能列表

⚡

CSS开发验证Skill css-development-validate

4.5

CSS开发验证技能是一个用于审查和审计现有CSS代码的专业工具,主要功能包括:检查语义命名规范、验证Tailwind @apply组合使用、确保深色模式变体覆盖、评估测试覆盖率、审查文档质量以及识别组合优化机会。该技能适用于前端开发团队进行代码质量检查、样式一致性审计、重构准备和合并前验证。关键词:CSS代码审查、语义命名、Tailwind验证、深色模式、测试覆盖率、前端开发、代码审计、样式规范。

⚡

delon-utilSkill delon-util

4.5

@delon/util 是一个专为 Angular 应用设计的实用函数库,提供数组、字符串、日期、数字和浏览器操作的常用工具函数。核心功能包括深度复制(deepCopy)、深度合并(deepMerge)、字符串格式化、日期范围计算、货币格式化、剪贴板操作等。适用于前端开发、数据操作、状态管理、表单处理等场景,帮助开发者提高代码复用性和开发效率。关键词:Angular工具库、前端开发、数据操作、实用函数、deepCopy、deepMerge、字符串格式化、日期处理、浏览器API、状态管理、不可变性、TypeScript、ng-alain、组件开发。

⚡

ScreenfullFullscreenAPISkill screenfull-fullscreen-api

4.5

这个技能指导如何在 ng-events 建筑工地管理系统中使用 screenfull 库实现全屏功能,包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式。

⚡

WebSocket连接调试指南Skill debug-connection

4.5

本技能指南详细介绍了如何诊断和解决FigJam插件与CLI工具之间WebSocket连接故障。内容涵盖连接架构、常见问题排查(如连接拒绝、断开、补丁未应用)、YAML/JSON解析错误处理、调试工具使用(CLI端、插件UI端、插件主逻辑端)、WebSocket协议消息格式以及快速诊断流程。适用于开发者在开发或维护基于WebSocket的实时图表同步功能时,快速定位和修复通信问题。关键词:WebSocket调试,FigJam插件,CLI工具,连接故障排查,实时同步,YAML解析,JSON导入,补丁应用,消息协议。

⚡

AngularCDK集成技能Skill angular-cdk-integration

4.5

Angular CDK集成技能是专门为ng-events项目设计的开发指南,详细介绍了如何使用Angular CDK工具包中的核心模块。该技能涵盖拖放功能实现、覆盖层创建、虚拟滚动优化、剪贴板操作、平台检测等关键技术。通过代码示例和最佳实践,帮助开发者构建高性能、无障碍的Angular应用界面。关键词:Angular CDK, 拖放功能, 虚拟滚动, 覆盖层, 无障碍设计, 前端开发, Angular组件

⚡

Perigon-Angular前端框架Skill perigon-angular

4.5

Perigon-Angular是专为Perigon WebApp设计的前端开发框架,基于Angular 21+构建,采用独立组件架构、Angular Material UI库和信号式状态管理。该框架提供标准化的项目结构、国际化支持、认证守卫和现代化开发工具链,适用于企业级Web应用的高效开发。关键词:Angular前端开发、独立组件、信号式编程、Material Design、企业级Web应用、国际化i18n、状态管理、TypeScript框架。

⚡

GSAP动画最佳实践Skill gsap-animations

4.5

这份指南提供了使用GSAP(GreenSock动画平台)在网页设计中实现专业、可访问且性能优越的动画的最佳实践,包括滚动触发器、性能优化、可访问性、响应式动画和测试集成。

⚡

AccessibilityComplianceSkill accessibility-compliance

4.5

这个技能是关于如何在Web开发中实现和确保无障碍性,包括WCAG标准、屏幕阅读器兼容性、键盘导航和无障碍测试,以提升用户体验和满足法规要求。

⚡

Nuxt4数据管理Skill nuxt-data

4.5

这个技能用于Nuxt 4框架中的数据管理,涵盖composables、数据获取和状态管理。它帮助开发者处理响应式数据、SSR兼容性和复杂状态逻辑,适用于前端开发场景。关键词:Nuxt, 数据管理, composables, useFetch, useState, Pinia, SSR, 响应式编程。

⚡

CSS开发-创建组件Skill css-development-create-component

4.5

CSS组件开发技能,指导前端开发者遵循语义化命名、Tailwind组合、深色模式支持和测试覆盖等最佳实践,创建可复用、可维护的UI组件。关键词:CSS组件开发、Tailwind CSS、语义化命名、深色模式、前端测试、UI设计系统、样式化组件、前端工程化。

⚡

delon-auth-authentication-authorizationSkill delon-auth-authentication-authorization

4.5

使用 @delon/auth 库实现 Angular 应用的认证和授权管理,包括JWT令牌管理、角色和权限控制。

⚡

前端开发模式Skill frontend-patterns

4.5

前端开发模式是一套用于构建高效、可维护的现代Web应用程序的最佳实践,专为React和Next.js等框架设计,涵盖组件架构、状态管理、性能优化、UI/UX提升、表单处理、错误边界和动画效果。关键词:前端开发、React、Next.js、性能优化、状态管理、组件模式、SEO优化、用户体验。