前端开发 Skill技能列表

⚡

ArkUISkill ark-ui

4.5

Ark UI是一个用于快速开发Web用户界面的前端框架,提供丰富的UI组件和工具,支持响应式设计和跨平台兼容性。它帮助开发者简化界面构建过程,提升开发效率和应用性能。关键词:Ark UI, 前端开发, UI框架, 组件库, Web应用, 响应式设计, 开源框架

⚡

CSS开发重构Skill css-development-refactor

4.5

CSS开发重构技能专注于将现有CSS代码从内联样式和工具类模式转换为语义化、可维护的组件模式。该技能实现CSS代码优化、样式提取、深色模式集成、测试覆盖和代码重构,提升前端项目的可维护性和一致性。关键词:CSS重构、语义化CSS、Tailwind工具类、深色模式、样式提取、前端优化、代码维护、组件化CSS、测试覆盖、样式迁移。

⚡

uCharts图表库使用指南Skill ucharts

4.5

此技能提供uCharts图表库的全面使用指导,涵盖安装、配置、图表类型、API文档和最佳实践,适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词:uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。

⚡

Vue组件模式Skill vue-component-patterns

4.5

Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念,帮助开发者创建类型安全、易于维护的现代Web应用。关键词:Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。

⚡

创意前端界面设计Skill frontend-design

4.5

此技能专注于通过独特美学和高质量代码创建生产级前端界面,适用于构建网站、组件、应用等Web UI,强调创意设计、排版、颜色、动效和空间构图,避免通用AI美学,提升用户体验和SEO友好性。关键词:前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。

⚡

Vue开发技能Skill vue-development

4.5

Vue 3开发技能,专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导,包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词:Vue 3开发,组合式API,TypeScript集成,前端框架,响应式编程,组件化开发,Vue Router,状态管理,前端架构

⚡

终端图形用户界面开发Skill dotnet-terminal-gui

4.5

这个技能用于使用.NET的Terminal.Gui v2库开发全终端用户界面(TUI)应用,包括视图布局、菜单对话框、事件处理、颜色主题和鼠标支持,支持跨平台Windows、macOS和Linux终端开发。关键词:.NET、Terminal.Gui、TUI、终端应用、用户界面、跨平台、C#、布局、菜单、对话框、事件处理、颜色主题。

⚡

VercelAISDKv5前端React钩子Skill ai-sdk-ui

4.5

这个技能提供 Vercel AI SDK v5 的 React 钩子,用于构建 AI 驱动的用户界面,特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等,适用于 React/Next.js 应用中的 AI 功能开发。关键词:AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。

⚡

Nuxt框架Skill nuxt

4.5

Nuxt是一个基于Vue.js的全栈框架,支持服务器端渲染(SSR)、文件路由和自动导入,适用于现代Web开发,提升开发效率和性能,关键词包括Vue、SSR、全栈、文件路由、自动导入、服务器渲染。

⚡

实现拖放与可排序接口Skill implementing-drag-drop

4.5

这个技能用于通过React和TypeScript实现拖放和可排序功能,适用于看板、列表排序、文件上传等场景,注重无障碍性、触摸支持和性能优化,关键词包括:拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。

⚡

设计导航架构Skill design-navigation

4.5

这个技能用于设计和实现网站和应用的导航系统,包括主菜单、页脚菜单、巨型菜单和面包屑导航。它提供全面的导航架构,确保可访问性和用户体验。关键词:导航设计,网站架构,用户体验,可访问性,菜单系统,面包屑导航,巨型菜单。

⚡

核心网页指标优化Skill core-web-vitals

4.5

该技能专注于优化核心网页指标(LCP、INP、CLS),通过技术手段提升网页加载速度、交互响应性和视觉稳定性,从而改善用户体验和搜索引擎排名。关键词:核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。