前端开发 Skill技能列表
Next.js专家Skill nextjs-expert
这是一个Next.js框架专家技能,专为前端开发设计,帮助开发者遵循Next.js 14和15的最佳实践,包括App Router、Server Components、API routes等,提升代码质量和开发效率。关键词:Next.js、前端开发、Web开发、代码审查、最佳实践、响应式设计、TypeScript、SEO优化。
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程,首先识别并分类问题(严重、高、中、低),然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等,并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词:代码修复,问题排查,代码审查,自动化修复,软件开发,质量保证,TypeScript,React,副作用清理。
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
响应式设计Skill responsive-design
响应式设计是一种现代网页开发技能,用于创建自适应不同屏幕尺寸和设备的用户界面。它涵盖容器查询、流体排版、CSS网格、移动优先断点策略等核心技术,关键词包括响应式布局、自适应设计、前端开发、网页优化和用户体验,适合SEO搜索。
Figma设计令牌提取Skill figma-extract-tokens
这是一个用于从Figma文件中自动提取设计令牌和变量的技能,能生成多种代码格式如CSS、TypeScript和JSON,帮助前端开发者集成和维护设计系统,提升开发效率。关键词:Figma、设计令牌、前端开发、代码生成、设计系统。
Nuxt模块开发Skill nuxt-modules
Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块,用于增强前端应用功能。涉及关键词:Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
AI聊天界面构建Skill building-ai-chat
此技能专注于构建AI聊天界面,支持流式文本响应、上下文管理、多模态交互,适用于开发ChatGPT风格接口、AI助手、代码副驾驶等。关键词:AI聊天界面、流式响应、上下文管理、多模态支持、前端开发、AI应用。
BunNuxt开发Skill "BunNuxt"
这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势,使用 Bun APIs 如数据库操作和文件处理,以及部署到生产环境。关键词:Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。
Electron内存性能分析器Skill electron-memory-profiler
Electron内存性能分析器是一款专门用于检测和优化Electron桌面应用程序内存使用情况的工具。它能够分析主进程和渲染进程的内存消耗,通过堆快照技术识别内存泄漏,监控V8堆统计和DOM节点数量,并提供详细的优化建议。适用于Electron开发人员、性能工程师和桌面应用优化专家,帮助提升应用程序的稳定性和性能表现。关键词:Electron内存分析,内存泄漏检测,性能优化,堆快照,渲染进程监控,桌面应用性能
设计令牌技能Skill design-tokens
设计令牌技能是用于管理和生成设计系统核心样式变量的工具。它专注于设计令牌的定义、多平台代码生成、样式字典配置、令牌层级管理以及主题化实现。关键词:设计令牌、设计系统、样式变量、多平台支持、主题化、前端开发、UI设计、样式字典。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架,用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图,提升前端开发效率和UI专业度,适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。