前端开发 Skill技能列表
屏幕捕获APISkill screen-capture-api
屏幕捕获API是一个跨平台的桌面媒体捕获工具,主要用于实现屏幕截图和屏幕录制功能。该技能支持全屏捕获、特定窗口捕获、区域捕获、多显示器处理、屏幕内容流式传输以及权限管理。适用于软件开发、远程协助、在线教育、游戏直播等场景。关键词:屏幕捕获,截图工具,屏幕录制,跨平台,桌面捕获,媒体采集,Electron,权限管理。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
WXT浏览器扩展性能优化指南Skill wxt-browser-extensions
本技能提供WXT浏览器扩展开发的性能优化指南,包含49条规则,分为8个类别,覆盖服务工人生命周期、内容脚本注入、消息架构、存储模式等关键领域,旨在帮助开发者在编写、审查或重构代码时提升扩展性能,确保最优实践。关键词:WXT,浏览器扩展,性能优化,JavaScript,前端开发,扩展API。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的性能优化最佳实践指南,由Vercel维护。它包含57条规则,分为8个优先级类别,帮助开发者在编写、审查或重构代码时确保高性能模式。关键词包括React性能优化、Next.js优化、数据获取、包大小、重新渲染控制、服务器端性能、客户端性能、JavaScript优化。
VitePress静态站点生成器Skill vitepress
VitePress 是一款基于 Vite 和 Vue 3 的静态站点生成器,专为构建文档站点、博客和营销网站而设计。它支持文件路由、在 Markdown 中直接使用 Vue 组件、快速热更新等功能,是前端开发中用于高效创建静态网站的强大工具。关键词:VitePress, 静态站点生成器, Vite, Vue 3, 前端开发, 文档, 博客, SEO。
核心网页指标优化Skill core-web-vitals
这个技能专注于优化LCP(最大内容绘制)、INP(交互到下一次绘制)和CLS(累积布局偏移)这三个核心网页指标,以提升页面体验和搜索引擎排名。适用于前端开发、SEO优化和网站性能监控。关键词:核心网页指标、LCP、INP、CLS、页面体验优化、前端性能、搜索排名。
SEO处理技能Skill seo-handler
SEO处理技能是一个针对Next.js框架的搜索引擎优化管理工具。它专注于站点地图管理、元数据配置、结构化数据生成、服务器端渲染优化和爬虫控制,旨在提升网站在Google、百度等搜索引擎中的排名和可见性。核心功能包括自动生成站点地图、优化OpenGraph标签、注入JSON-LD结构化数据、配置ISR缓存策略以及管理robots.txt文件。适用于前端开发者、SEO工程师和网站管理员,帮助实现技术SEO的最佳实践。
Telegram生态开发技能Skill telegram-dev
全面的 Telegram 开发指南,涵盖 Bot 开发、Mini Apps(小程序)、客户端开发的完整技术栈。
GPUI布局与样式设计技能Skill gpui-layout-and-style
这个技能涉及使用GPUI库进行CSS-like样式设置和弹性盒子布局,专注于在Rust环境中设计和应用用户界面的样式和布局系统。关键词:GPUI, 布局, 样式, Rust, 弹性盒子, CSS-like, 前端开发, UI设计
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架,用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图,提升前端开发效率和UI专业度,适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
TauriWebView调试器Skill debug-tauri
Tauri WebView 调试器是一个自动化调试工具,专为 Tauri 桌面应用开发设计。它集成了官方插件,提供进程监控、自动截图、控制台日志收集和 WebView 状态分析功能。适用于开发者快速定位 WebView 渲染问题、UI 错误、运行时异常和性能瓶颈。关键词:Tauri 调试、WebView 问题排查、桌面应用开发、自动化测试、日志收集、截图工具、前端调试、Rust 桌面应用。
Qt翻译工作流Skill qt-translation-workflow
Qt翻译工作流技能专门用于配置和管理Qt应用程序的国际化(i18n)和本地化流程。该技能提供完整的Qt Linguist集成方案,包括字符串提取、翻译文件管理、多语言编译和CMake自动化配置。关键词:Qt国际化、Qt Linguist、.ts文件、lupdate、lrelease、多语言支持、本地化工作流、CMake翻译集成、Qt应用程序翻译、i18n自动化