前端开发 Skill技能列表
网站分析实施Skill analytics
该技能专注于网站数据分析的实施与配置,核心功能包括Google Analytics 4 (GA4) 的部署、事件追踪代码的植入、标签管理系统的搭建以及自定义事件的创建。它帮助用户收集网站流量、用户行为及转化数据,确保数据采集符合隐私法规,为网站优化、营销效果评估和用户体验提升提供数据支持。关键词:网站分析、GA4、事件跟踪、标签管理、数据采集、隐私合规、转化跟踪。
包优化技能Skill bundle-optimization
该技能专注于JavaScript应用的包优化,通过分析、代码分割、摇树优化和懒加载等技术,减少应用体积,提升加载速度和运行性能。关键词:前端优化,代码分割,摇树优化,懒加载,Webpack,性能提升,构建优化。
缓存Skill caching
缓存技能提供专业的Web缓存策略解决方案,涵盖HTTP缓存、Service Workers、CDN配置和缓存失效处理。专注于提升网站性能、优化加载速度、实现离线访问和构建PWA应用。关键词:缓存策略、性能优化、HTTP缓存、Service Worker、CDN、PWA开发、Web性能、离线应用、缓存失效。
agentuity-cli-devSkill agentuity-cli-dev
这是一个用于构建和运行本地开发服务器的命令行工具。它支持自定义端口、本地模式运行和禁用公共URL等功能,是前端或全栈开发人员进行项目本地调试和热重载的关键工具。关键词:开发服务器,本地调试,热重载,命令行工具,前端开发,Bun运行时。
网页可访问性Skill web-accessibility
网页可访问性技能专注于网站与应用的包容性设计,提供全面的WCAG合规性审计、屏幕阅读器兼容性测试、键盘导航验证、颜色对比度分析等服务。该技能帮助开发者、设计师和测试人员确保数字产品对残障人士(如视障、听障、行动不便用户)的可访问性,遵循国际WCAG标准,提升用户体验和网站合规性。关键词:网页可访问性、WCAG合规、屏幕阅读器测试、键盘导航、颜色对比度、包容性设计、无障碍设计、ARIA、语义化HTML、可访问性审计。
TauriWebView调试器Skill debug-tauri
Tauri WebView调试器是一款专门用于自动化调试Tauri桌面应用程序WebView组件的工具集。它通过集成官方插件实现进程监控、自动截图、控制台日志收集和运行时状态分析,帮助开发者快速定位UI问题、运行时错误和WebView相关故障。主要功能包括:自动化调试工作流、跨平台截图捕获、前后端日志集成、WebView状态快照和结构化调试报告生成。适用于Tauri应用开发、桌面应用调试、WebView问题排查和跨平台应用测试场景。 关键词:Tauri调试,WebView调试,桌面应用调试,自动化测试,日志收集,截图工具,跨平台开发,Rust前端,Tauri插件,故障排查
代码风格执行器Skill code-style-enforcer
确保代码遵循项目特定的风格约定和模式,这些可能是自动化 linters 可能遗漏的。
渐进式网页应用Skill progressive-web-app
渐进式网页应用是一种结合了网页和移动应用特性的技术,它支持离线工作、可被安装到主屏幕、并通过推送通知与用户互动。关键词包括:离线支持、安装性、推送通知、服务工作线程、Web应用清单。
响应式网页设计Skill responsive-web-design
响应式网页设计是一种网页开发技术,它使用CSS Grid、Flexbox、媒体查询等现代CSS技术,以创建适应不同屏幕尺寸和设备类型的网页布局。
Supabase+Next.js技能Skill supabase-nextjs
利用Supabase和Drizzle ORM构建Next.js应用,实现认证、数据库查询和实时数据更新。
FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod
使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单,提高数据质量,减少表单放弃,提升用户体验。
InfiniteScrollPatternsSkill InfiniteScrollPatterns
专家级框架,用于实现无限滚动,包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。