涵盖 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。