前端开发 Skill技能列表
前端设计Skill frontend-design
该技能专注于创建独特、生产级别的前端界面,强调高质量设计和创意代码实现,避免通用AI美学。适用于构建网页组件、页面、应用程序等,生成视觉冲击力强的UI设计。关键词:前端开发、UI设计、代码美学、网页界面、生产级别、创意设计、前端技能。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释,提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪,适用于前端开发、UI/UX测试和代码审查场景。关键词:Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
Electron内存性能分析器Skill electron-memory-profiler
Electron内存性能分析器是一款专门用于检测和优化Electron桌面应用程序内存使用情况的工具。它能够分析主进程和渲染进程的内存消耗,通过堆快照技术识别内存泄漏,监控V8堆统计和DOM节点数量,并提供详细的优化建议。适用于Electron开发人员、性能工程师和桌面应用优化专家,帮助提升应用程序的稳定性和性能表现。关键词:Electron内存分析,内存泄漏检测,性能优化,堆快照,渲染进程监控,桌面应用性能
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具,专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术,实现77%的令牌节省,显著提升开发效率。主要功能包括:自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架(React、Next.js、Prisma等)。适用于开发学习、代码参考、API查询等场景。关键词:文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
AvaloniaZafiro开发Skill avalonia-zafiro-development
该技能定义了使用 Avalonia UI 和 Zafiro 工具包开发跨平台应用程序的强制性约定和行为规则,优先考虑可维护性、正确性和函数式反应式方法。它用于规范开发流程、提高代码质量和跨平台兼容性,关键词包括:Avalonia UI, Zafiro 工具包, 跨平台开发, MVVM, 函数式编程, 反应式编程, 错误处理, 代码规范。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。
React专家Skill react-expert
此技能用于前端开发,专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序,涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词:React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。
Chrome扩展图标生成器Skill chrome-extension-icons
Chrome扩展图标生成器是一个自动化工具,专门为Chrome浏览器扩展快速生成专业图标。该工具能够从Iconify的27.5万+免费图标库中搜索和下载SVG图标,自动转换为Chrome扩展所需的PNG格式(16x16、32x32、48x48、128x128四种尺寸),并智能更新manifest.json配置文件。支持颜色定制、本地SVG文件转换和批量项目处理,极大简化了Chrome扩展开发中的图标制作流程。 关键词:Chrome扩展图标生成,浏览器扩展图标,manifest.json图标配置,Iconify图标库,SVG转PNG,扩展开发工具,前端开发自动化,Chrome插件制作,图标批量生成,扩展图标尺寸规范
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器(SSG),专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件,提供极速的热更新体验和内置的搜索功能,并可通过主题系统高度定制。核心关键词包括:静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标(LCP、INP、CLS),通过技术手段提升网页加载速度、交互响应性和视觉稳定性,从而改善用户体验和搜索引擎排名。关键词:核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导,涵盖安装、配置、图表类型、API文档和最佳实践,适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词:uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。