前端开发 Skill技能列表
Makepad布局技能Skill makepad-layout
Makepad布局技能是一个专门用于Makepad UI框架的布局系统工具，帮助开发者编写布局代码、解释布局概念，如宽度、高度、对齐等，并生成Rust代码模式。关键词：Makepad, UI布局, Rust, 前端开发, 布局系统, GUI设计
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。
WordPress交互性APISkill wp-interactivity-api
本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发
TypeScript最佳实践Skill typescript-best-practices
本技能提供一套完整的 TypeScript 开发最佳实践指南，专注于类型优先开发、编译时安全、运行时验证和健壮代码编写。核心内容包括：使用类型系统使非法状态无法表示，通过判别联合、标记类型和常量断言提升代码安全性；采用模块化、函数式编程模式；结合 Zod 库进行运行时数据验证与配置管理。适用于所有 TypeScript/JavaScript 项目，旨在帮助开发者编写更可靠、易维护且错误更少的代码。关键词：TypeScript 最佳实践，类型优先开发，Zod 验证，编译时安全，代码健壮性，前端开发，JavaScript 类型安全。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践，包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式，帮助开发者高效创建和优化UI组件。关键词：Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
国际化(i18n)Skill internationalization-i18n
这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。
视觉引擎技能Skill visual-engine-skill
该技能用于构建和管理网站或应用的动态视觉体验系统。核心功能包括：创建和管理动画库（光束、剪辑、卡片、过渡等效果）、集成3D组件（Three.js）、构建灵感展示画廊和演示页面。它强调安全（如防癫痫）、可访问性（支持减少动画偏好）和性能优化，旨在通过丰富的动画和布局提升用户界面吸引力和交互体验。关键词：视觉体验引擎，网页动画，Three.js 3D，动画预设，可访问性动画，前端交互设计，UI/UX动画。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制，帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发，适用于前端界面构建。关键词：Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
Makepad路由技能Skill makepad-router
这是一个用于Makepad框架的问答路由技能，帮助开发者处理Makepad和Robius相关的UI开发问题，包括部件设计、布局管理、事件处理、动画效果和着色器编写等。关键词：Makepad, Robius, UI开发, Rust框架, 路由技能, 前端开发, 量化交易专家不适用此内容。
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
Makepad小部件技能Skill makepad-widgets
这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。
GSAPHUD动画开发技能Skill gsap
本技能提供GSAP（GreenSock动画平台）专业知识，用于在JARVIS AI助手HUD中创建平滑、专业的动画。主要应用包括HUD面板入场/出场动画、状态指示器过渡、数据可视化动画、滚动触发效果和复杂时间线序列。强调测试驱动开发、性能优化、内存管理、可访问性和高质量代码实践，适用于前端开发场景。关键词：GSAP, 动画, JARVIS, HUD, 前端开发, Vue.js, 性能优化, TDD, 可访问性。