前端开发 Skill技能列表

TypeScript工具迁移技能Skill typescript-tooling-migration

4.5

这个技能提供了一个指南,用于在Phoenix monorepo中迁移或升级TypeScript工具,包括工具替换、版本升级和依赖管理。关键词:TypeScript、工具迁移、前端开发、monorepo、CI/CD、React、oxlint、oxfmt。

设计令牌管理Skill design-token-management

4.5

设计令牌管理技能用于实现和维护设计令牌系统,覆盖令牌模式、命名约定、转换管道和多平台交付,适用于设计系统的构建,提升UI/UX一致性和开发效率。关键词:设计令牌、CSS变量、样式字典、设计系统、前端开发、SEO优化。

词法分析器生成器Skill lexer-generator

4.5

词法分析器生成器技能用于从正则表达式规范自动生成词法分析器,广泛应用于编译器、解释器和领域特定语言的开发中。关键词:词法分析、正则表达式、编译器前端、分词器、NFA、DFA、正则表达式解析、词法分析器设计、编程语言实现。

UnoCSS(原子CSS引擎)Skill unocss

4.5

UnoCSS是一个即时原子CSS引擎,用于前端开发中灵活、可扩展的CSS样式管理。它提供了Tailwind CSS的超集功能,支持各种预设、规则和快捷方式,简化CSS编写和配置过程。关键词:原子CSS、CSS框架、前端开发、Tailwind CSS、预设、规则、快捷方式。

Web界面指南审查Skill web-interface-guidelines-review

4.5

这个技能用于审查Web前端代码,确保符合可访问性、用户体验和性能标准,生成按文件分组的详细审查报告,适用于代码审计、PR审查和合规报告生成。关键词:前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。

前端设计Skill frontend-design

4.5

前端设计技能用于通过AI多模态分析、创意代码实现和独特美学,创建高质量、生产级的前端界面。它专注于避免通用AI美学,适用于Web开发、组件构建、设计复制和灵感汲取,关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。

无障碍与WCAG合规专家Skill accessibility-wcag

4.5

这个技能专注于网页无障碍性和WCAG 2.2合规性,确保界面对所有用户可访问,包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计,关键词:无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。

网页质量审计Skill web-quality-audit

4.5

这个技能用于对网站进行全面的质量审计,基于Google Lighthouse,覆盖性能、可访问性、SEO和最佳实践。它帮助开发者识别和修复网页问题,优化用户体验、搜索引擎排名和安全性。关键词:网页审计、网站优化、性能测试、可访问性检查、SEO审计、Lighthouse、前端开发。

优质前端设计技能Skill frontend-design

4.5

此技能专注于开发独特、生产级的前端界面,强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序,提供精致代码和美学优化,提升用户体验和视觉吸引力。关键词:前端开发、创意设计、Web界面、美学优化、生产级代码。

Web接口指南合规审查工具Skill web-design-guidelines

4.5

该技能用于自动审查Web UI代码是否符合Web接口指南,包括检查可访问性、设计审计、用户体验(UX)评估和最佳实践合规性。它通过获取最新指南、分析代码文件并输出问题报告,帮助开发者优化网站设计和功能。关键词:UI审查、可访问性检查、设计审计、UX审查、Web最佳实践、前端开发、代码合规。

前端设计Skill frontend-design

4.5

该技能用于创建独特、生产级的前端接口,注重高质量设计和创意美学,避免通用AI风格。适用于构建Web组件、页面、应用程序等,生成功能性和美观性的代码与UI。关键词:前端设计、UI设计、Web开发、生产级、创意美学。

网页设计规范审查Skill web-design-guidelines

4.5

这个技能用于审查网页用户界面代码,确保符合Web设计指南和最佳实践。它检查可访问性、用户体验(UX)、设计审计等,帮助开发者和设计师提升网站质量。关键词:网页设计、UI审查、可访问性检查、UX审计、代码合规、前端开发、设计指南、网站优化。