browser-use
在用户的 Chrome 中代为操作网站的浏览器自动化技能:登录、填写并提交表单、购买、预订、下载,或读取需要登录会话与 JavaScript 渲染的页面。运行于 orb Desktop,全程录制作为凭据。不适用于测试本地开发服务器。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-30 00:12
11,293 个结果
在用户的 Chrome 中代为操作网站的浏览器自动化技能:登录、填写并提交表单、购买、预订、下载,或读取需要登录会话与 JavaScript 渲染的页面。运行于 orb Desktop,全程录制作为凭据。不适用于测试本地开发服务器。
面向 React 项目中使用 SWR 的 Hook 开发规范技能,规定文件结构、fetcher 模式、key 工厂、类型约定与测试方式,适用于 React 18/19 及 React Native、Vite、CRA、Remix 等环境。
面向 Kotlin 前端开发的技术参考,介绍 Compose WASM、Kotlin/JS + React、Kotlin/JS + Vue 三种方案的选型标准、配置方式、代码共享策略与各自限制,并给出对应的 Gradle 构建与运行命令。
基于 playwriter 的浏览器自动化技能,用于网页交互、导航、填表、点击、截图与数据提取。通过 exec:browser 执行页面 JS,或用 browser: 前缀管理 playwriter 会话。
用于搭建并维护 GitHub Pages 站点的脚手架技能:无需本地构建,浏览器端用 webjsx + rippleui(CDN)渲染,flatspace 在 GitHub Actions 中聚合内容并部署。
面向 @ant-design/agentic-ui 的 Bubble 组件开发技能,用于开发和扩展 AI 聊天气泡相关组件,包括 AI 消息气泡(AIBubble)、用户消息气泡(UserBubble)及气泡列表(Bubble list)。
@ant-design/agentic-ui 中的 MarkdownInputField 组件开发技能,用于构建聊天输入框,涵盖 Markdown 输入、附件上传、语音输入、发送按钮与建议条等多模态输入能力。
面向 React Native 与 Expo 开发的专家技能,覆盖环境搭建、Metro 打包、原生模块、真机测试、性能优化与调试,提供常用命令与排错方法。
frontend-design 是一个用于创建独特、生产级前端界面的技能,强调在真实浏览器中进行视觉验证。它结合设计思考、代码实现与浏览器验证循环,帮助避免通用化 AI 界面,适用于构建网页组件、页面和落地页等场景。
用 HTML + Playwright 截图生成文章配图的技能,支持 pipeline、sequence、grid、stack、comparison 五种版式,风格为白底粗黑边框、圆角卡片、赤陶色图标块与 Inter 900 大字,适合 LinkedIn、Substack 等信息流中阅读。
frontend-design 是一个用于创建高品质前端界面的技能,旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考,明确界面要解决的问题、目标用户、审美方向和技术约束,并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景,引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择,最终输出可运行的真实代码(如 HTML/CSS/JS、React、Vue 等)。使用时应根据美学愿景匹配实现复杂度:极繁主义设计需要更精细的动画与效果,极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
卷王假期成长规划技能:根据用户提供的开始日期与昵称,生成可保存的单文件 HTML 假期计划仪表盘,支持打卡、阶段复盘与计划调整,强调低摩擦执行与健康优先,不做焦虑营销。
该技能用于指导创建独特、达到生产级水准的前端界面,避免常见的“AI 味”审美。用户提供前端需求(组件、页面、应用或界面)及其用途、受众或技术约束后,技能先引导进行设计思考:明确要解决的问题与使用者、选定鲜明甚至极端的美学基调(如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等)、梳理框架与性能无障碍等技术约束,并确定让作品令人难忘的差异化点。随后实现可运行的代码(HTML/CSS/JS、React、Vue 等),要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖:排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体;用 CSS 变量统一色彩主题,主色配锐利点缀;用动画与微交互营造效果,HTML 优先纯 CSS,React 可用 Motion,重视页面加载的编排式揭示;空间构成上采用非对称、重叠、斜向、打破网格的布局;背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美(如常见字体、紫渐变白底、可预测布局),根据语境做多元变化,并让实现复杂度与美学愿景匹配。
Layout Director 是一个面向智能体的前端页面布局设计技能,用于在制作落地页、营销站点、产品展示、作品集和功能发布页面时,提升版式判断力与整体构图品质。它要求智能体不要从组件开始写代码,而是先梳理需求简报(产品类型、受众水平、内容密度、信任与兴奋感的平衡、可用视觉素材、必需区块、移动端限制),再选择一套主要布局原型与变化维度,最后按组件原则和审查清单执行。该技能强调清晰的视觉焦点层级、有意义的留白、区块节奏、克制且一致的动效以及真正为移动端重组的响应式布局,并通过变化轴避免输出千篇一律的居中首屏加功能卡片式页面。资料未提供定价、平台支持范围或具体效果数据。
Layout Director 是一个用于前端页面布局设计判断的 AI 技能,帮助智能体为落地页、营销站点、产品展示、作品集和功能发布等场景选择并执行更讲究的布局系统,而非仅实现基本功能。
面向 Storybook v10 的 React + Vite 故事编写技能,帮助生成符合 v10 合并导入规范的 CSF3 故事、preview 配置与交互测试,纠正训练数据中过时的 @storybook/* 导入写法。
Cool Website 是一个用于生成定制化落地页的技能,默认输出德语页面,强调滚动叙事、空间层次与多样化交互,并包含访谈、SEO 选项、资产生成与浏览器验证流程。
popular-web-designs 收录 54 个真实网站设计系统(如 Stripe、Linear、Vercel)的 HTML/CSS 参考模板,涵盖配色、字体层级、组件样式、间距、阴影与响应式行为,供生成页面时校准视觉语言。
stitch-loop 是一个用于指导 AI 智能体使用 Stitch 迭代式构建网站的自主循环技能。它采用“接力棒”(baton)系统:每轮迭代读取 .stitch/next-prompt.md 中的当前任务,通过 Stitch MCP 工具生成页面,将该页面集成到站点结构中,并为下一轮迭代写好新的任务文件,从而实现持续、自主的网站开发。该技能依赖 Stitch MCP 服务器、Stitch 项目以及 .stitch/DESIGN.md 和 .stitch/SITE.md 两个上下文文件,可选使用 Chrome DevTools MCP 进行视觉验证。它适合需要多页站点、并希望让智能体按既定设计系统与站点路线图自动逐页推进开发的场景。
Tailwind Design System(v4)是一套面向 Tailwind CSS v4 的设计系统构建技能,涵盖 CSS-first 配置、设计令牌、组件变体、响应式布局与无障碍,适用于创建组件库、统一 UI 模式及从 v3 迁移到 v4。
用于创建和修改 React Router v7 应用的结构与路由规范的技能,提供基于文件的路由组织、数据加载与表单处理模式、类型化组件模板及项目目录约定。
一组前端响应式设计规范,强调移动优先、标准断点、流式布局、相对单位、触控友好目标与可读排版,并涵盖图片适配、移动端内容优先级和跨设备测试检查清单,适用于创建或修改需适配手机、平板与桌面端的布局。
markdown-url 是一个技能:在访问只读网页时,将目标 URL 改写成以 https://markdown.new/ 为前缀的形式,从返回的 Markdown 视图中提取正文,便于总结、引用或整理笔记。它适用于文档、博客、公告等静态内容页面,不适用于登录、支付、表单等需要原站行为的场景。
liberate 是 Automattic data-liberation-agent 中的一项技能,用于通过 data-liberation CLI 检查网站或将其搬取为完整可移植的 HTML 站点:给定 URL,输出一个包含 HTML、CSS、资源和路由的独立目录。