前端开发 Skill技能列表

4.5

VueUse函数应用技能Skill vueuse-functions

该技能是 VueUse 组合式函数的决策与实施指南,专为 Vue.js 和 Nuxt 项目设计,帮助开发者高效选择和使用 VueUse 函数来构建简洁、可维护的前端功能。它通过映射需求到最合适的 VueUse 函数,优先采用组合式解决方案,提升代码质量和开发效率。关键词:VueUse, Vue.js, Nuxt, 组合式函数, 前端开发, 代码优化, 响应式编程, 开发工具

4.5

团队界面设计技能Skill team-uidesign

这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。

4.5

HTML工件构建器Skill artifacts-builder

此技能用于创建交互式HTML工件,如迷你应用、数据可视化、计算器和工具,可以嵌入网站或作为独立应用使用。适用于前端开发、网页设计和交互式内容创建。关键词:HTML, JavaScript, 交互式应用, 数据可视化, 网页开发, Claude.ai工具, 前端构建。

4.5

GPUI全局状态管理Skill gpui-global

这个技能用于在GPUI框架中实现和管理应用范围的全局状态,支持应用配置、功能标志、共享服务等场景,提高代码的可维护性和可访问性。关键词:全局状态、GPUI、Rust、状态管理、应用配置、共享资源、内部可变性、实体组件。

4.5

LayuiVue3组件库指南Skill layui-vue3

此技能提供Layui Vue在Vue 3中的完整使用指南,涵盖安装、配置、组件使用、API参考和最佳实践,适用于前端开发人员快速集成UI组件。关键词包括:Layui Vue, Vue 3, 组件库, 前端开发, UI组件, 安装指南, 配置教程。

4.5

原子设计集成Skill atomic-design-integration

这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成,提供项目结构、组件模板、测试和配置的最佳实践,关键词包括:原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。

4.5

Markdown图片生成器Skill markdown-to-image

该技能用于自动将Markdown文档转换为高质量的图片海报,便于在社交媒体平台如微信、小红书等分享。它支持智能提取标题、生成SVG头图、自动分页等功能,适合内容创作者和播客作者使用。关键词包括Markdown转图片、社交媒体海报、智能生成、内容分享。

4.5

Avue表单配置与验证技能Skill avue-form

本技能提供Avue-form表单组件的全面指导,包括在Vue项目中安装、配置表单选项和列、处理表单验证、使用动态表单、事件和方法等。适用于Vue开发者快速上手和管理表单。关键词包括Avue-form、Vue表单、表单验证、动态表单、表单配置、前端开发。

4.5

国际化(i18n)Skill internationalization-i18n

这个技能专注于实现软件应用程序的国际化与本地化,包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用,提升用户体验和全球市场适应性。关键词:国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。

4.5

Vue3技能Skill vue3

这个技能提供Vue 3的全面指南和API参考,帮助开发者掌握Vue 3核心概念、组件开发、反应性系统、模板语法、路由和状态管理,包括最佳实践、TypeScript集成和性能优化。关键词:Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript

4.5

React性能优化Skill react-optimise

React性能优化技能专注于提升React应用程序的运行效率和用户体验,涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性,并整合数据分析、性能测试和最佳实践,以支持高效开发和业务增长。

4.5

AvueCRUD组件使用指南Skill avue-crud

此技能提供Avue CRUD组件的全面指导,帮助开发者快速构建和管理数据表格界面,支持增删改查、分页、搜索、排序、导出等常见功能。适用于前端开发中需要实现数据管理场景的项目,如配置表格操作、表单处理和API集成。关键词:Avue CRUD、前端开发、表格操作、数据管理、Vue.js、增删改查、分页搜索、列配置、表单验证。