前端开发 Skill技能列表
国际化管理器Skill i18n-manager
国际化管理器是一个自动化工具，用于扫描项目代码中的硬编码用户字符串，提取并生成翻译文件，支持React、Vue、Python等多种框架，简化国际化流程。关键词：国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。
浏览器内容获取Skill browser-get-content
浏览器内容获取技能用于自动化提取网页文本和特定元素信息，支持数据抓取、页面验证和元素读取等操作。关键词：浏览器自动化、网页内容提取、数据抓取、元素获取。
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具，旨在通过预制的composable函数简化开发流程，提高代码的可读性和维护性。
屏幕阅读器技能Skill screen-reader
本技能专注于Web和软件的无障碍访问，特别是针对屏幕阅读器的兼容性测试与优化。它提供专家级指导，帮助开发者确保内容能被视障用户准确感知，涵盖阅读顺序管理、焦点控制、播报信息处理以及编写符合WCAG标准的可访问内容。关键词包括：屏幕阅读器、无障碍访问、Web可访问性、WCAG、前端测试、用户体验、辅助技术、NVDA、VoiceOver。
网页设计审查员Skill web-design-reviewer
这个技能用于自动检查和修复网站的设计问题，包括响应式设计、可访问性、视觉一致性和布局中断。通过浏览器自动化和源代码编辑，提高网站质量。关键词：网页设计审查、UI检查、响应式修复、可访问性测试、视觉一致性、布局优化、源代码修复、前端开发工具。
Markdown转换器Skill markdown-converter
Markdown 转换工具是一款功能强大的文档处理工具，能够将 Markdown 格式的文档高效地转换为 HTML、PDF 等多种格式。它支持语法高亮、表格渲染和自定义 CSS 样式，是开发人员、技术写作者和内容创作者的理想选择，用于生成美观、专业的文档、技术手册和网页内容。关键词：Markdown转换，HTML生成，PDF导出，文档渲染，语法高亮，自定义样式，技术文档工具。
用户反馈与通知系统Skill providing-feedback
此技能实现了全面的用户反馈和通知系统，用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理，包括toast通知、模态对话框、进度指示器等。关键词：反馈系统、通知、用户界面、前端开发、React、可访问性。
GPUI组件开发Skill new-component
这个技能用于开发GPUI框架下的用户界面组件，包括无状态和有状态组件，遵循现有模式和样式一致性，适用于前端开发、UI设计和组件库构建。关键词：GPUI组件、前端开发、UI设计、组件库、无状态组件、有状态组件、Shadcn UI。
网站性能引擎Skill afrexai-web-performance-engine
这是一个全面的网站性能优化工具，包括性能审计、诊断、修复和监控功能，旨在提升网站加载速度和用户体验。关键词包括：性能审计、诊断、修复、监控、网站优化。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
顶级设计Skill top-design
这个技能是一个获奖级网页设计框架，用于创建高端、沉浸式的网站和应用程序。它专注于排版、动画、颜色、滚动设计、性能和微交互，旨在实现10/10的设计质量，帮助设计师和开发者构建匹配Awwwards获奖标准的数字体验。关键词：网页设计、前端开发、动画、排版、Awwwards、性能优化、微交互、UI/UX设计。
Next.js15OptimizationSkill nextjs-optimization
这个技能专注于优化 Next.js 15 应用程序，以提升网站性能，核心 Web 指标得分，以及遵循生产最佳实践。关键词包括：性能优化、核心 Web 指标、SEO、React、App Router。