前端开发 Skill技能列表
React最佳实践Skill react-best-practices
这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南，包含45个规则，帮助开发者优化代码性能，涉及数据获取、包大小优化、渲染优化等关键领域，适用于前端开发，提升应用程序加载速度和用户体验。关键词：React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
Vue.js3开发Skill vue-development
Vue.js 3 开发技能专注于使用Composition API、TypeScript、Pinia、Nuxt等工具构建现代Web应用，适用于前端开发、全栈开发、组件设计、状态管理、测试等场景。关键词：Vue.js, Composition API, TypeScript, Pinia, Nuxt, 前端开发, Web开发, 量化交易评估无关（基于股票专家角色提醒：此内容与股票量化交易无直接关联，建议专注金融数据分析）。
UI研究Skill ui-research
UI研究技能用于在UI设计前进行系统性研究，收集真实产品灵感，识别现代设计模式，避免通用AI生成的外观，确保设计基于真实世界和用户体验。关键词：UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。
UI动画设计Skill ui-animation
UI动画设计技能专注于用户界面中的动画和运动效果，用于提升用户体验、提供反馈和引导用户操作。它涉及动画原理、时序控制、缓动函数等技术，适用于前端开发、移动应用设计等场景。关键词：UI动画、运动设计、前端开发、用户体验、交互设计。
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
组件设计Skill component-design
组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。
YjsCRDT协作模式Skill yjs
掌握 Yjs CRDT（无冲突复制数据类型）模式，用于构建高并发实时协作应用，包括共享类型管理、冲突解决算法、文档存储优化和常见陷阱避免，适用于在线文档、协同白板、代码编辑器和团队工具开发，关键词包括 Yjs、CRDT、实时协作、冲突解决、共享类型、数据同步。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查UI代码是否符合Web界面指南，提升网站的可访问性、用户体验和设计质量，适用于前端开发、设计审计和最佳实践检查。关键词：Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。
TypeScript代码规范指南Skill typescript
这个技能提供了TypeScript代码开发的最佳实践指南，包括类型共位原则、命名规范（如首字母缩略词camelCase处理）、测试文件组织、常量数组命名约定、工厂函数参数解构、Arktype可选属性模式、品牌类型使用和const泛型数组推断。适用于前端和后端开发，帮助团队标准化代码风格，提高代码质量、可维护性和测试效率。关键词：TypeScript, 代码规范, 开发指南, 命名约定, 测试组织, 类型系统, 前端开发, 后端开发, 软件开发
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。
同步构造异步属性模式Skill sync-construction-async-property-ui-render-gate-pattern
一种软件设计模式，用于在需要异步初始化的客户端中实现同步构造和异步属性，使模块可导出并在UI组件中同步使用，避免顶级await问题。适用于前端开发，如SvelteKit应用，通过UI渲染门确保异步工作完成后才渲染UI。关键词：同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。