前端开发 Skill技能列表
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码,确保符合可访问性、用户体验和性能标准,生成按文件分组的详细审查报告,适用于代码审计、PR审查和合规报告生成。关键词:前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。
dotnet-wpf-migrationSkill dotnet-wpf-migration
这个技能提供Windows桌面应用程序从.NET Framework迁移到现代框架的详细指南,包括WPF、WinForms、UWP到.NET 8+、WinUI 3和Uno Platform的路径、决策矩阵、工具使用和步骤说明。关键词:.NET迁移、WPF、WinUI、Uno Platform、桌面应用现代化、dotnet-upgrade-assistant、Windows开发。
无障碍与WCAG合规专家Skill accessibility-wcag
这个技能专注于网页无障碍性和WCAG 2.2合规性,确保界面对所有用户可访问,包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计,关键词:无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式,涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用,关键词包括:Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
画布技能Skill canvas
Canvas技能是一个用于在连接的Otto节点(Mac应用、iOS、Android)上显示HTML内容的工具,适用于游戏开发、数据可视化、仪表板展示和交互式演示。关键词:HTML显示、跨平台开发、游戏、数据可视化、仪表板、交互式演示、Web内容展示。
移动调试Skill mobile-debugging
移动调试技能用于在移动设备上远程访问JavaScript控制台和调试网页,包括使用Eruda、vConsole等工具,以及Chrome、Safari的远程调试方法。适用于开发人员调试移动端网页问题、测试响应式设计、捕获控制台错误等。关键词:移动调试、JavaScript控制台、网页调试、移动设备、远程调试。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库,提供多种风格、配色方案、字体搭配和UX最佳实践,支持跨技术栈的设计系统生成,适用于网页和移动应用开发。关键词:UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
Effect-TS入门模式Skill effect-patterns-getting-started
这个技能提供6个精心挑选的Effect-TS入门模式,涵盖错误重试、值变换、并行处理等核心功能,帮助开发者快速上手Effect-TS应用,优化代码质量。关键词:Effect-TS, 入门, 模式, 函数式编程, TypeScript, 并发控制, 最佳实践。
灵感分析器Skill inspiration-analyzer
这个技能通过分析指定网站的URL,自动提取设计元素如颜色、字体、布局和UI模式,生成结构化灵感报告,帮助设计师快速获取并应用设计灵感。关键词:网站设计分析、颜色提取、字体识别、布局模式、UI灵感提取、设计工具、前端开发辅助。
前端竞态条件代码审查技能Skill julik-frontend-races-reviewer
该技能专用于审查JavaScript和Stimulus前端代码,检测和预防竞态条件,提升UI质量和用户体验。关键词:JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式,如组合模式、自定义钩子、渲染属性、高阶组件和复合组件,用于构建高效、可维护的前端UI组件。关键词:React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
UI研究Skill ui-research
UI研究技能用于在UI设计前进行系统性研究,收集真实产品灵感,识别现代设计模式,避免通用AI生成的外观,确保设计基于真实世界和用户体验。关键词:UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。