前端开发 Skill技能列表

Next.js16AppRouter性能优化技能Skill nextjs

4.5

此技能提供Next.js 16 App Router的全面性能优化指南,涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域,帮助前端开发者提升应用性能和效率,适用于Next.js项目开发和性能调优。

代码质量专家Skill code-quality

4.5

专注于TypeScript严格模式、代码审查、代码质量提升的专家,擅长修复TypeScript错误、代码最佳实践审查和代码标准执行。

Claude.aiHTML艺术品构建器Skill web-artifacts-builder

4.5

这个技能是一个前端开发工具套件,专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品,支持状态管理和路由,不适用于简单文件。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

前端竞态条件代码审查技能Skill julik-frontend-races-reviewer

4.5

该技能专用于审查JavaScript和Stimulus前端代码,检测和预防竞态条件,提升UI质量和用户体验。关键词:JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。

NuxtSEO优化模块Skill nuxt-seo

4.5

Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集,提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能,帮助提升网站搜索排名和用户体验。关键词:Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。

UI保护锁定Skill ui-freeze

4.5

这是一个用于前端开发的UI保护技能,能自动锁定关键设计文件如tailwind.config和CSS变量,防止意外更改,提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域,确保设计系统的一致性。关键词:UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。

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

4.5

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

Biome代码格式化Skill biome-formatting

4.5

Biome代码格式化技能用于配置和使用Biome快速格式化工具,对JavaScript、TypeScript、JSON等前端代码进行格式化,确保代码风格一致性和团队协作效率。关键词:Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。

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

4.5

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

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

4.5

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

前端设计Skill frontend-design

4.5

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

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

4.5

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