前端开发 Skill技能列表
灯塔网站审计工具Skill lighthouse
灯塔网站审计工具是一款基于Google Lighthouse的AI驱动网站性能分析工具,专注于网站性能优化、可访问性检测、SEO评分和最佳实践验证。该工具能够测量核心Web指标(LCP、INP、CLS)、生成详细性能报告、跟踪性能预算,并提供可访问性合规性检查,帮助开发者和网站管理员提升用户体验和搜索引擎排名。关键词:网站性能优化、Google Lighthouse、核心Web指标、可访问性审计、SEO分析、性能预算、前端优化、网站审计工具
NgRx状态管理技能Skill ngrx
本技能提供在Angular应用中实现NgRx状态管理的专家级指导,涵盖存储配置、动作、减速器、选择器、效果、实体适配器和组件存储等核心概念。适用于构建可扩展、可维护的企业级前端应用,处理复杂数据流和异步操作。关键词:NgRx, Angular, 状态管理, 前端开发, 存储, 效果, 实体适配器, 组件存储, 选择器, 异步操作, 企业级应用。
WCAG无障碍合规技能Skill wcag
WCAG无障碍合规技能是专注于Web内容无障碍指南(WCAG)2.1/2.2标准的专家工具。它提供全面的网站和应用无障碍访问性审计、合规性评估、问题修复方案制定与实施、以及合规性文档记录服务。核心功能涵盖可感知性、可操作性、可理解性和稳健性四大原则,帮助开发者和企业确保其数字产品对所有用户,包括残障人士,都是可访问和可用的。关键词:WCAG合规,无障碍访问,网页可访问性审计,前端无障碍修复,辅助技术兼容,POUR原则。
前端设计Skill frontend-design
这是一个用于创建独特、高质量、生产级前端界面的技能工具。它强调突破常规的创意设计,避免通用AI美学,专注于实现具有鲜明美学观点和精致细节的Web组件、页面或应用程序。关键词:前端开发,UI设计,创意界面,生产级代码,美学设计,Web组件,视觉冲击,独特风格,CSS动画,响应式布局。
CSS开发:创建组件Skill css-development-create-component
这是一个用于指导前端开发人员创建标准化、可复用CSS组件的技能。它提供了一套完整的工作流程,涵盖从语义化命名、Tailwind CSS组合、深色模式支持到测试覆盖的各个方面。关键词包括:CSS组件开发、Tailwind CSS、语义化命名、深色模式、前端测试、UI组件库、原子设计、前端工作流。
CSS开发验证Skill css-development-validate
CSS开发验证技能是一个用于审查和审计现有CSS代码的专业工具,主要功能包括:检查语义命名规范、验证Tailwind @apply组合使用、确保深色模式变体覆盖、评估测试覆盖率、审查文档质量以及识别组合优化机会。该技能适用于前端开发团队进行代码质量检查、样式一致性审计、重构准备和合并前验证。关键词:CSS代码审查、语义命名、Tailwind验证、深色模式、测试覆盖率、前端开发、代码审计、样式规范。
delon-auth-authentication-authorizationSkill delon-auth-authentication-authorization
使用 @delon/auth 库实现 Angular 应用的认证和授权管理,包括JWT令牌管理、角色和权限控制。
主题处理器Skill theme-handler
这是一个用于管理和更新应用程序UI主题的技能工具。它基于shadcn和tweakcn库,允许开发者通过简单的命令行操作,快速安装和切换预设的现代化主题方案。关键词:前端开发,UI主题,shadcn,tweakcn,命令行工具,组件库,主题管理。
Next.jsBetterAuth集成方案Skill next-js-better-auth-integration
本技能提供了一套完整的 Next.js 应用身份验证集成方案,专门针对 App Router 架构,使用 Better Auth 库实现。核心功能包括:JWT令牌管理、会话状态同步、受保护路由中间件、社交登录集成以及安全的身份验证流程。适用于需要用户登录、权限控制和安全会话管理的现代Web应用开发。关键词:Next.js身份验证、Better Auth集成、JWT令牌、会话管理、受保护路由、App Router、前端安全、用户登录、社交登录、身份验证中间件。
Vite前端构建工具Skill vite
Vite 是一款现代化的前端构建工具,专为提升开发效率和构建性能而设计。它通过原生 ES 模块实现极速的服务器启动和热更新(HMR),并利用 Rolldown/Rollup 进行高效的打包优化。Vite 开箱即用地支持 TypeScript、JSX、CSS 预处理器,拥有丰富的插件生态系统,适用于配置项目、开发调试和生产部署。关键词:Vite 构建工具,前端开发,热更新 HMR,Rollup 打包,TypeScript 支持,插件生态,开发服务器,生产优化。
AccessibilityComplianceSkill accessibility-compliance
这个技能是关于如何在Web开发中实现和确保无障碍性,包括WCAG标准、屏幕阅读器兼容性、键盘导航和无障碍测试,以提升用户体验和满足法规要求。
MemoryOptimizationSkill memory-optimization
内存优化是通过分析和优化应用程序的内存使用,识别内存泄漏,减少内存占用,提高效率,从而提升应用性能和可靠性的技能。关键词包括:内存分析、内存泄漏检测、优化技术、监控目标。