前端开发 Skill技能列表
GPUI焦点管理与键盘导航技能Skill gpui-focus-handle
这个技能用于在GPUI框架中实现焦点管理和键盘导航功能，使Web或应用程序界面元素能够通过键盘操作，提升用户体验和可访问性。关键词：GPUI，焦点管理，键盘导航，UI开发，前端开发，可访问性，FocusHandle，键盘驱动界面。
GPUI事件处理Skill gpui-event
此技能专注于在 GPUI 框架中实现事件驱动编程，用于组件间的协调和通信。它包括定义和发射自定义事件、订阅事件以监听变化、观察实体状态更新，以及处理全局事件。适用于前端开发，特别是在 Rust 语言环境中构建交互式用户界面。关键词：GPUI, 事件处理, 观察者模式, 事件订阅, 前端开发, Rust, 组件协调, 自定义事件, 实体观察, 软件架构。
GPUI元素开发Skill gpui-element
GPUI 元素开发技能专注于使用 Rust 编程语言中的 GPUI 框架低级 Element API 来创建自定义用户界面组件，提供对布局、预绘制和绘制阶段的精细控制，适用于高性能、复杂的 UI 开发场景。关键词：Rust, GPUI, 自定义元素, UI 组件, 性能优化, 前端开发, Element API。
GPUI上下文管理Skill gpui-context
GPUI上下文管理技能用于在图形用户界面开发中管理不同上下文，如App、Window和AsyncApp，以支持UI渲染、实体管理和异步操作。适用于Rust语言的前端开发场景。关键词：GPUI, 上下文管理, UI框架, Rust编程, 异步任务。
GPUI异步操作Skill gpui-async
GPUI异步操作技能专注于在GPUI框架中管理异步任务和后台工作，用于提升用户界面响应性和处理计算密集型操作。适用于异步I/O、长时间运行的计算以及前台UI与后台工作的协调。关键词：异步编程、后台任务、UI更新、GPUI、Rust、前端开发。
组件故事生成技能Skill generate-component-story
这个技能用于创建UI组件的故事示例，帮助开发者在编写文档、创建示例或演示组件用法时提供结构化指导，提升前端开发效率和组件可维护性。关键词：组件故事、前端开发、UI组件、故事示例、文档生成、代码示例。
生成组件文档Skill generate-component-documentation
这个技能用于为新的软件组件自动或手动生成详细的文档，包括组件描述、API参考、使用示例和视觉示例，以提高开发效率、确保文档一致性，并帮助开发者快速理解和使用组件。关键词包括：组件文档、文档生成、API文档、前端开发、软件文档、UI组件、代码文档。
媒体与文件管理Skill managing-media
这个技能用于实现媒体和文件管理组件，包括文件上传、图像库、视频播放器、音频播放器、文档查看器，以及性能优化和可访问性措施，适用于前端开发和用户体验优化。关键词：媒体管理、文件上传、图像优化、视频播放、SEO、前端开发。
搜索与过滤实现Skill implementing-search-filter
该技能提供全栈搜索与过滤功能的实现方案，涵盖前端React/TypeScript组件和后端Python优化，适用于电商搜索、数据表过滤等场景，关键词：搜索、过滤、前端开发、后端开发、性能优化、可访问性、SEO、全栈开发。
导航模式与路由实现Skill implementing-navigation
这个技能提供全面指导，用于在前后端应用中实现导航系统和路由配置，涵盖菜单、标签、面包屑等导航模式，以及React、Python等框架的客户端和服务器端路由。关键词：导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。
实现拖放与可排序接口Skill implementing-drag-drop
这个技能用于通过React和TypeScript实现拖放和可排序功能，适用于看板、列表排序、文件上传等场景，注重无障碍性、触摸支持和性能优化，关键词包括：拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。
用户引导与帮助系统技能Skill guiding-users
该技能专注于设计和实现用户引导与帮助系统，包括产品导览、互动教程、工具提示、设置清单、帮助面板等，旨在提升用户体验、促进功能发现、增强用户激活。关键用于前端开发中的用户界面引导、上下文帮助、入职流程优化，并整合可访问性和数据分析。关键词：用户引导、产品导览、帮助系统、前端开发、用户体验、入职流程、可访问性。