前端开发 Skill技能列表
零构建前端开发Skill zero-build-frontend
零构建前端开发是一种前端技术，通过CDN直接加载React、Tailwind CSS等库，无需本地构建工具，适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词：零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。
文档设计Skill Documentdesign
此技能用于创建专业的、打印就绪的HTML文档，支持自定义品牌配置并导出为PDF。它提供了品牌配置、CSS打印布局模式和文档设计最佳实践，适用于提案、报告、一页纸、新闻稿、幻灯片、活动材料等文档设计。关键词：文档设计、HTML、CSS、品牌配置、PDF导出、打印布局、前端开发。
移动调试Skill mobile-debugging
移动调试技能用于在移动设备上远程访问JavaScript控制台和调试网页，包括使用Eruda、vConsole等工具，以及Chrome、Safari的远程调试方法。适用于开发人员调试移动端网页问题、测试响应式设计、捕获控制台错误等。关键词：移动调试、JavaScript控制台、网页调试、移动设备、远程调试。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
可访问性合规Skill accessibility-compliance
这个技能提供新闻网站、学术平台等的可访问性合规模式，用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问，并满足法律要求。它帮助开发人员和内容发布者确保所有读者（包括使用辅助技术的用户）都能平等访问网络内容。关键词：可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。
Chrome开发者工具自动化技能Skill chrome-devtools
Chrome DevTools Agent 是一个用于浏览器自动化、调试和性能分析的技能，支持网页交互、截图、网络流量分析和性能剖析，适用于前端开发和测试。关键词：浏览器自动化、调试、性能分析、Chrome DevTools、前端开发。
网页质量审计Skill web-quality-audit
这个技能用于对网站进行全面的质量审计，基于Google Lighthouse，覆盖性能、可访问性、SEO和最佳实践。它帮助开发者识别和修复网页问题，优化用户体验、搜索引擎排名和安全性。关键词：网页审计、网站优化、性能测试、可访问性检查、SEO审计、Lighthouse、前端开发。
最佳实践Skill best-practices
这个技能用于应用现代网页开发的最佳实践，专注于安全、浏览器兼容性和代码质量改进。关键词：网页开发、前端安全、兼容性优化、代码审核、HTTPS、CSP、语义HTML、错误处理、性能优化。
前端可访问性开发Skill accessibility
这个技能用于审计和提升网站的可访问性，遵循WCAG 2.1指南，确保内容对所有用户（包括残障人士）都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面，帮助开发者创建无障碍的Web应用。关键词：Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。
React性能优化最佳实践Skill react-best-practices
这是一个用于优化React和Next.js应用程序性能的技能，基于Vercel的最佳实践指南。它提供57个规则，涵盖8个关键类别，如消除瀑布流、包大小优化和重渲染优化，帮助开发者在代码编写、审查和重构中提升应用性能。关键词：React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。
Web性能优化Skill perf-web-optimization
这个技能专注于优化网站性能，通过改进Core Web Vitals指标（如LCP、CLS、INP）、减少JavaScript包大小、优化图片和缓存策略，提升页面加载速度和用户体验。适用于前端开发、SEO优化和网站维护，关键词包括：web性能优化、前端开发、SEO、Lighthouse、bundle优化、Core Web Vitals、LCP、CLS、INP、缓存策略。
Astro性能优化Skill perf-astro
Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。