软件开发 Skill技能列表
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、缓存策略。
Lighthouse性能审计技能Skill perf-lighthouse
Lighthouse性能审计技能用于通过命令行工具或Node API本地运行Lighthouse审计,解析和解释性能报告,设置性能预算。它主要用于测量网站性能指标(如Largest Contentful Paint、Cumulative Layout Shift)、优化前端加载速度、集成到CI/CD流程中(如GitHub Actions),以实现自动化性能监控和持续改进。关键词:Lighthouse、性能审计、网站性能、CI/CD、性能预算、前端优化、DevOps、测试工具、Web Vitals、自动化测试。
Astro性能优化Skill perf-astro
Astro性能优化技能,专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段,提高Astro框架网站的Lighthouse评分至95分以上,适用于前端性能优化。关键词:Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标(LCP、INP、CLS),通过技术手段提升网页加载速度、交互响应性和视觉稳定性,从而改善用户体验和搜索引擎排名。关键词:核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
Sentry监控与可观测性技能Skill sentry
这是一个用于监控和查询Sentry错误事件的技能,通过Sentry API执行只读操作,帮助开发者快速识别和解决生产环境中的问题,提高应用程序可靠性。关键词:Sentry、错误监控、可观测性、API查询、生产环境、DevOps、应用程序监控。
Shopify开发Skill shopify-developer
这个技能涵盖了Shopify电商平台的全面开发参考,包括Liquid模板语言、主题开发(OS 2.0)、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象(产品、集合、购物车、客户)、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions,或使用Hydrogen和React Router 7构建无头商店前端。关键词:Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。
ReactNative最佳实践技能集Skill react-native-skills
这个技能集提供了React Native和Expo应用开发的全面最佳实践指南,涵盖性能优化、动画实现、UI设计、状态管理等多个关键领域。旨在帮助开发者构建高性能移动应用,适用于移动开发、前端优化和跨平台开发场景。关键词:React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理, 原生模块, 最佳实践。