前端开发 Skill技能列表
MemoryOptimizationSkill memory-optimization
内存优化是通过分析和优化应用程序的内存使用,识别内存泄漏,减少内存占用,提高效率,从而提升应用性能和可靠性的技能。关键词包括:内存分析、内存泄漏检测、优化技术、监控目标。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频,通过代码分析、AI图像生成和并行处理技术,实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词:视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库,提供多种风格、配色方案、字体搭配和UX最佳实践,支持跨技术栈的设计系统生成,适用于网页和移动应用开发。关键词:UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序,利用Algorand区块链支付实现HTTP 402支付门控路由。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能,通过使用React Server Components(RSC)将慢速客户端数据获取转换为快速服务器端数据获取,提高页面加载速度、SEO和用户体验。关键词:RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
React最佳实践技能Skill react-best-practices
这个技能提供了React开发的最佳实践指南,涵盖hooks使用、组件设计模式、状态管理策略和性能优化技巧。适用于前端开发者、React学习者和代码审查场景,帮助提升开发效率和代码质量。关键词:React、TypeScript、Next.js、hooks、组件模式、状态管理、性能优化、前端开发、代码审查。
国际化(i18n)Skill internationalization-i18n
这个技能专注于实现软件应用程序的国际化与本地化,包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用,提升用户体验和全球市场适应性。关键词:国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。
前端设计技能Skill frontend-design
这个技能用于创建独特、生产级别的前端界面,注重高设计质量,避免通用AI美学,适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理,用于处理鼠标、键盘、触摸等用户输入事件,定义和传播动作以实现GUI组件交互。关键词包括:Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
构建Logseq插件Skill building-logseq-plugins
专家指导构建与新数据库架构兼容的 Logseq 插件,自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助,涵盖插件结构、API 使用和数据库特定考虑。
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad,学习如何编写实时设计的UI代码,处理事件,并构建适用于多个平台的应用。关键词:Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
网页无障碍访问Skill web-accessibility
网页无障碍访问合规专家技能,专注于WCAG标准审计、屏幕阅读器兼容性测试、键盘导航验证与包容性设计。提供全面的网站可访问性分析与修复方案,确保网站对所有用户(包括残障人士)友好。关键词:网页无障碍,WCAG合规,屏幕阅读器,键盘导航,色彩对比度,ARIA,语义化HTML,包容性设计,可访问性审计,前端开发。