前端开发 Skill技能列表
QtQML组件生成器Skill qt-qml-component-generator
Qt QML组件生成器是一个专门用于自动化生成Qt Quick应用程序中QML组件的工具。它能够根据用户需求快速创建具有完整属性绑定、信号槽机制和Qt Quick Controls集成的UI组件，支持C++后端集成、模块化管理和最佳实践代码结构。适用于Qt桌面应用、嵌入式界面和跨平台UI开发。关键词：Qt QML组件生成，Qt Quick开发，UI组件自动化，信号槽绑定，Qt跨平台界面，C++ QML集成，Qt模块化管理
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
Vue组件模式Skill vue-component-patterns
Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念，帮助开发者创建类型安全、易于维护的现代Web应用。关键词：Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。
组件库存Skill component-inventory
组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。
交互设计Skill interaction-design
交互设计技能专注于通过微交互、运动设计、状态过渡和用户反馈模式来提升用户界面的交互体验和可用性。它用于实现平滑的动画效果、加载状态设计、手势交互等，以增强用户满意度和界面直观性。关键词：交互设计、微交互、UI动画、前端开发、用户体验优化。
Bun代码打包工具Skill bun-bundler
Bun 代码打包工具是一个用于快速高效打包 JavaScript 和 TypeScript 应用程序的技能，支持浏览器、Node.js 和 Bun 运行时等多种构建目标，实现自动树摇、代码分割和优化策略，提升 Web 开发性能和效率。关键词：Bun, JavaScript, TypeScript, 打包, 代码分割, 树摇, 优化, Web 开发, 构建工具。
React最佳实践Skill react-best-practices
提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性，确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则，检查代码文件中的问题，并以简洁格式输出结果，适用于前端开发、用户体验优化和网站合规性审计。关键词：UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
VueRouterv4路由管理技能Skill vue-router-v4
Vue Router v4 是一个用于 Vue 3 应用程序的前端路由管理库，提供路由配置、导航守卫、动态路由匹配、懒加载和代码分割等功能。适用于构建单页应用，支持 TypeScript 类型化路由和组合式 API。关键词：Vue Router v4, 前端开发, 路由管理, Vue 3, 导航守卫, 动态路由, 懒加载, TypeScript, SEO 搜索。
UIUX运营Skill uiux-ops
该技能旨在提供一套系统化的UI/UX设计与优化运营流程及检查清单，帮助团队高效、一致地进行用户界面与用户体验的设计、评审与迭代。关键词：UI设计，UX设计，用户体验，用户界面，设计系统，交互设计，可访问性，响应式设计，设计流程，检查清单。
用户界面设计系统工具包Skill ui-design-system
这是一个专为高级UI设计师和前端开发团队打造的专业工具包，用于高效创建、管理和维护企业级UI设计系统。核心功能包括自动化设计令牌生成（色彩、字体、间距）、组件库架构设计、响应式布局计算、无障碍合规性检查以及开发交接文档生成。该工具能显著提升设计一致性，加速设计与开发协作流程，适用于构建品牌视觉规范、设计系统文档和前端组件库。关键词：UI设计系统，设计令牌，组件库，响应式设计，设计开发协作，前端开发，视觉一致性，设计工具包。