前端开发 Skill技能列表

BaseUIReact开发技能Skill base-ui-react

4.5

Base UI React 是 MUI 提供的无样式、可访问 React 组件库,用于开发可访问的 Web 组件。它支持渲染属性模式,集成 Floating UI 进行精准定位,适用于需要高度自定义样式和可访问性的前端开发场景。关键词:base-ui, React, 无样式组件, 可访问性, Floating UI, Radix UI 迁移, 渲染属性, 前端开发

TypeScript高级编程Skill typescript-advanced

4.5

这个技能专注于TypeScript的高级特性,包括泛型、条件类型、映射类型、模板字面量和类型守卫等,用于提升代码的类型安全性、可维护性和开发效率,适用于前端和后端开发。关键词:TypeScript, 泛型, 条件类型, 映射类型, 类型守卫, 高级编程, 代码优化, 类型安全。

程序化SEO页面模板技能Skill pseo-templates

4.5

此技能用于创建程序化SEO页面模板,通过动态路由和结构化数据渲染,为每个页面生成独特、意图匹配的内容,包括差异化标题、描述和FAQ。适用于大规模生成高质量SEO页面,提升搜索排名和用户体验。关键词:程序化SEO,页面模板,动态路由,SEO优化,内容生成,E-E-A-T信号,大规模页面生成。

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

4.5

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

FigmaAPI集成与设计自动化Skill figma

4.5

这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流,并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。

NuxtSEO优化模块Skill nuxt-seo

4.5

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

展示时间线与活动组件Skill displaying-timelines

4.5

该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等,适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计,支持实时更新。关键词:时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。

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

4.5

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

词法分析器生成器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、前端开发、用户体验、屏幕阅读器、键盘导航。

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

4.5

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