前端开发 Skill技能列表
TauriWebView调试器Skill debug-tauri
Tauri WebView 调试器是一个自动化调试工具，专为 Tauri 桌面应用开发设计。它集成了官方插件，提供进程监控、自动截图、控制台日志收集和 WebView 状态分析功能。适用于开发者快速定位 WebView 渲染问题、UI 错误、运行时异常和性能瓶颈。关键词：Tauri 调试、WebView 问题排查、桌面应用开发、自动化测试、日志收集、截图工具、前端调试、Rust 桌面应用。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
Makepad动画技能Skill makepad-animation
这个技能提供了Makepad动画系统的全面指南，专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线，适用于前端GUI开发。关键词：Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机
图像优化Skill image-optimization
图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。
动效设计技能Skill motion-design
动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制，帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发，适用于前端界面构建。关键词：Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
图像优化Skill image-optimization
这项技能涉及对网站图像进行优化，以减少文件大小而不牺牲质量，包括压缩、使用现代格式和响应式技术，以加快加载速度，提升网站性能和用户体验。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。