前端开发 Skill技能列表
Nuxt框架Skill nuxt
Nuxt是一个基于Vue.js的全栈框架,支持服务器端渲染(SSR)、文件路由和自动导入,适用于现代Web开发,提升开发效率和性能,关键词包括Vue、SSR、全栈、文件路由、自动导入、服务器渲染。
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标(LCP、INP、CLS),通过技术手段提升网页加载速度、交互响应性和视觉稳定性,从而改善用户体验和搜索引擎排名。关键词:核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
前端UI/UX开发专家Skill frontend-agent
该技能是一个前端开发专家工具,专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码,使用shadcn/ui组件库确保UI一致性,并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务,适用于现代Web前端开发。关键词包括:前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术,有效避免prop drilling,提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词:React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
屏幕阅读器技能Skill screen-reader
本技能专注于Web和软件的无障碍访问,特别是针对屏幕阅读器的兼容性测试与优化。它提供专家级指导,帮助开发者确保内容能被视障用户准确感知,涵盖阅读顺序管理、焦点控制、播报信息处理以及编写符合WCAG标准的可访问内容。关键词包括:屏幕阅读器、无障碍访问、Web可访问性、WCAG、前端测试、用户体验、辅助技术、NVDA、VoiceOver。
Vue开发技能Skill vue-development
Vue 3开发技能,专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导,包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词:Vue 3开发,组合式API,TypeScript集成,前端框架,响应式编程,组件化开发,Vue Router,状态管理,前端架构
顶级设计Skill top-design
这个技能是一个获奖级网页设计框架,用于创建高端、沉浸式的网站和应用程序。它专注于排版、动画、颜色、滚动设计、性能和微交互,旨在实现10/10的设计质量,帮助设计师和开发者构建匹配Awwwards获奖标准的数字体验。关键词:网页设计、前端开发、动画、排版、Awwwards、性能优化、微交互、UI/UX设计。
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具,旨在通过预制的composable函数简化开发流程,提高代码的可读性和维护性。
添加事件类型Skill add-event-type
这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括:定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词:前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。
算法可视化器Skill algorithm-visualizer
算法可视化器是一个用于生成算法执行过程可视化图形的工具。它能够将复杂的算法逻辑,如排序、搜索、图遍历、动态规划等,通过分步动画、状态图、动态表格等形式直观呈现。该工具支持多种输出格式(ASCII、SVG、GIF、HTML),旨在帮助开发者、学生和面试者更好地理解算法原理、调试代码和进行技术讲解。 关键词:算法可视化,数据结构动画,动态规划演示,图算法动画,排序算法可视化,编程教学工具,代码调试辅助,面试算法讲解,计算机科学教育,交互式学习
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程,首先识别并分类问题(严重、高、中、低),然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等,并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词:代码修复,问题排查,代码审查,自动化修复,软件开发,质量保证,TypeScript,React,副作用清理。
前端美学设计Skill frontend-aesthetics
前端美学设计技能是一个专门用于创建高质量、独特UI界面的设计指南。它专注于避免常见的AI生成设计模式,提供专业的字体排版、色彩系统、动效设计和背景深度方案。关键词包括:UI设计、前端美学、设计系统、字体排版、色彩搭配、动效设计、Tailwind CSS、Framer Motion、设计令牌、品牌界面、仪表板设计、落地页优化。