涵盖 React、Vue、CSS、动画、组件库、性能优化等
by @vercel-labs
Vercel维护的React和Next.js应用性能优化指南，包含8大类62条规则，帮助开发者构建高性能前端应用。
审查UI代码是否符合网页界面设计指南，检查可访问性、设计和用户体验，确保界面质量和标准。
为AI代理提供浏览器自动化命令行工具，支持网页导航、表单填写、点击按钮和截图等操作，实现与网站的交互。
提供React组件组合模式，用于构建灵活、可维护的React组件，通过复合组件等方式避免布尔属性泛滥。
by @shadcn
掌握使用Shadcn UI组件库进行前端开发的能力，使AI编码代理能快速构建美观、响应式且高度可定制的用户界面，提升开发效率。
by @arvindrk
从公开网站自动提取设计令牌（颜色、字体、间距等），生成本地设计系统文件，加速UI开发
提供Next.js最佳实践，涵盖文件约定、RSC边界、数据模式、异步API、元数据、错误处理等，优化Next.js应用开发。
by @browser-use
此技能是为AI编码代理设计的前端开发能力，专注于浏览器使用。它使AI代理能够理解和操作网页元素，执行前端任务，从而在Web界面开发中发挥作用。
by @pbakaus
全面的前端设计增强 Skill，含 7 个专业参考（排版、色彩、动效等）和 20 条命令（审计、打磨、评审），通过反模式清单引导 AI 工具产出高品质 UI，支持 Claude Code、Cursor 等 10 个平台。
by @google-labs-code
专注于React组件的开发和管理，提供构建可复用、高性能UI组件的指导和最佳实践。
by @anthropics
掌握构建和管理Web项目产物的能力，使AI编码代理能高效地打包、优化前端资源，确保部署的Web应用性能优异且稳定。
指导并实现独特且达到生产标准的前端界面设计与开发，确保用户体验的卓越性和界面的高性能表现。
此技能提供关于Shadcn UI的专业指导，帮助前端开发者高效集成和构建基于该UI库的应用，确保界面美观、功能完善且用户体验流畅。
Next.js 16缓存组件深度指南,全面解析PPR(部分预渲染)、缓存指令、缓存生命周期管理、缓存标签和动态更新机制,帮助开发者构建高性能Web应用,是Next.js开发者必备的缓存优化工具。
by @hyf0
掌握Vue前端开发的最佳实践，使AI智能体能编写出高效、可维护且符合行业标准的Vue应用代码。
by @antfu
运用Vue框架进行前端开发，使AI智能体能够高效构建交互式用户界面和单页应用。
by @inferen-sh
专注于前端聊天界面开发，通过API为Agent提供交互能力，构建用户友好的对话体验。
专注于前端JavaScript SDK开发，提供API接口，使Agent能够便捷地集成和调用JavaScript功能。
专注于前端Agent用户界面开发，通过API为Agent提供可视化交互能力，提升用户操作体验。
专注于前端小部件（Widgets）用户界面开发，通过API为Agent提供丰富的交互组件，增强应用功能。
专注于前端工具用户界面开发，通过API为Agent提供集成和展示各类工具的能力，提升工作效率。
by @supercent-io
该技能专注于新UI组件的无障碍设计与开发，并进行无障碍审计，以识别和修复现有系统中的无障碍问题，确保用户体验。
Vite是一个快速的前端构建工具，此处指其在后端开发中的应用，帮助AI智能体高效构建和优化后端服务。
通过Chrome DevTools协议，使用代理浏览器自动化Electron桌面应用程序，如VS Code、Slack等。
此技能用于响应式设计，包括新网站/应用的布局设计、旧版布局改造、性能优化、无障碍性及跨浏览器兼容性，确保多设备适配。
by @Leonxlnx
提升AI生成前端代码的质量，使其产出更现代、优质、美观的界面，避免平庸、通用或低质量的设计。通过多种技能，确保AI在动画、间距和视觉方面达到专业水准。
提供UI组件模式，用于构建可复用组件库和实现设计系统，确保复杂界面的一致性和可维护性。
该技能用于前端状态管理，解决全局状态共享、Props Drilling问题、复杂状态逻辑、性能优化及测试需求，确保应用数据流清晰。
by @wshobson
聚焦Next.js App Router模式，为前端开发提供智能自动化和多智能体编排能力，优化路由管理。
掌握Vue前端调试指南，使AI智能体能快速定位并解决Vue应用中的问题，确保代码质量和稳定性。
by @expo
提供与DOM操作相关的AI代理技能集合，辅助前端开发者在Expo项目中高效处理界面元素。
在Vue.js/Nuxt项目中，适当应用VueUse可组合函数，构建简洁且可维护的功能。
该技能用于生产级UI设计，通过清晰的设计令牌、布局规则和动效指南，支持一致且可扩展的前端开发。
by @github
运用Chrome开发者工具进行前端调试、性能分析和质量保证，帮助AI智能体优化网页应用。
Nuxt是全栈Vue框架，支持SSR、自动导入和文件路由，用于开发Nuxt应用、服务器路由和混合渲染。
提供VS Code扩展中贡献命令的指南，包括命名约定、可见性和本地化等属性。
Windows应用开发CLI工具，用于构建、打包和部署Windows应用程序，可初始化项目或创建MSIX包。
为Next.js + next-intl应用程序添加新语言，实现国际化支持。
提供在Blazor应用程序中使用Microsoft Fluent UI Blazor组件库的指南，简化UI开发。
脚手架化完整的Power Apps代码应用项目，包含PAC CLI设置、SDK集成和连接器配置。
指导用户将Next.js项目升级到最新版本，确保利用最新功能和性能优化，提升开发效率。
社区贡献的技能，用于创建Web表单，为前端开发者提供指导、代理和配置支持，简化表单开发。
Pinia是Vue官方的状态管理库，类型安全且可扩展，用于定义存储、处理状态、getter和action。
提供Vue Router 4的最佳实践，涵盖导航守卫、路由参数和路由组件生命周期交互。
by @millionco
在React代码更改后运行，及早发现问题，用于代码审查、功能完成或修复React项目中的错误。
by @benjitaylor
在Next.js项目中设置Agentation注释工具栏，提供可视化反馈功能，增强开发体验。
by @analogjs
创建遵循v20+最佳实践的现代Angular独立组件，支持基于信号的输入/输出和OnPush变更检测。
by @figma
将Figma设计转换为生产级代码，实现1:1的视觉保真度，用于从Figma文件实现UI。
UnoCSS是即时原子CSS引擎，Tailwind CSS的超集，用于配置UnoCSS、编写实用规则和快捷方式。
VitePress是基于Vite和Vue的静态站点生成器，用于构建文档网站、配置主题或编写Markdown。