website-contact-form-lead-search
该技能用于在公司网站上查找联系表单，提取表单 URL、字段、邮箱线索和公司名称等公开信息，适用于需要联系表单进行外联的场景。依赖 BrowserAct CLI 访问真实浏览器页面执行任务，仅处理公开或用户获授权的数据。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,084 个结果
frontend-design
一个用于打造独特、生产级前端界面的技能，强调避免千篇一律的“AI 感”设计，注重排版、配色、动效与空间构图等审美细节。适用于构建网页组件、页面或应用界面。
m3-web-react
m3-web-react 技能介绍在 React 中使用 MUI（Material UI）实现 Material Design 3（M3）主题化，或通过 React 封装使用 @material/web。涵盖主题设置、组件示例、Next.js SSR 集成与检查清单。
m3-web-tailwind
该技能介绍如何将 Material Design 3 设计令牌映射到 Tailwind CSS 主题配置，提供 tailwind-material-3 插件用法和手动令牌映射方式，并给出按钮、卡片、输入框、芯片等组件的工具类示例，适合已使用 Tailwind 的项目。
tailwind-v4
Tailwind CSS v4 专家技能，聚焦 CSS 优先配置、@theme 指令、OKLCH 颜色与 Vite 集成，用于新项目搭建、v3 到 v4 迁移及现代工具类样式开发。
frontend-design-impeccable
这是一个指导创建独特、生产级前端界面的技能，强调避免通用的“AI 味”审美，通过明确设计方向、字体、色彩、布局、动效、交互与响应式等准则，输出可运行且高度精致的代码。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调避免通用 AI 风格美学，并以实际可运行代码实现具有明确美学方向与细节打磨的网页组件、页面或应用。
coordinate-charts-with-tanstack
这是一个关于在 TanStack 生态中协调 Charts 与数据网格、状态管理、虚拟化等库的工程指南。核心思路是围绕“产品状态图”进行 trigger → inspect → decide → build → verify 的流程，为行投影、语义键、筛选、选择、视口、修订、事务和时序策略指定唯一归属；强调派生一次、有意识地投影、同步语义意图而非组件内部、区分瞬时/已提交/持久化状态、在昂贵边界处控制节奏，并给出验证完整同步序列的清单。适合使用 TanStack Charts 与 Table、DB、Query、Store、Router、Virtual、Pacer 等库构建数据密集型分析界面的开发者。文档明确列出常见错误：误将最终渲染行模型用于绘图、按行或虚拟索引协同、重复实现过滤与聚合、制造双向状态循环、把乐观行当作确认历史、持久化每一帧交互、把虚拟化当作分析过滤，并附有相关参考链接。
frontend-design-pro
frontend-design-pro 是一个面向前端界面设计与视觉指导的技能，强调以大胆美学方向产出可直接用于生产的界面代码，并为所需图片提供真实图库直链或详细的 AI 绘图提示词。
frontend-dev-guidelines
面向 React/TypeScript 应用的前端开发规范技能，强调基于 Suspense 的数据获取、懒加载、文件组织与性能优化，涵盖 TanStack Query、TanStack Router、MUI v7 与 TypeScript 最佳实践。
taste-design-taste-frontend
面向落地页、作品集与改版设计的“反套路”前端技能：先读懂需求并推断设计方向，再产出界面。不用于仪表盘、数据表或多步产品界面。
taste-design-taste-frontend-v1
面向 React/Next.js 前端生成的高阶设计技能（v1 原版），通过设计方差、动效强度、视觉密度三组基线参数约束 AI 输出，避免模板化界面。资料未提供安装与调用方式。
taste-gpt-taste
一个面向前端设计工程的技能提示，要求以 Awwwards 级标准生成高创意、动效丰富的页面，强调 Python 模拟随机化打破布局重复、AIDA 结构、无空隙 Bento 网格、GSAP 动效与严格排版规范。
taste-imagegen-frontend-web
一个面向前端设计参考图生成的高级图像指导技能，强调按区块逐张生成横向设计稿，并给出英雄区构图、配色、排版、组件与CTA等艺术指导规则，用于产出接近高端网站概念稿的视觉参考。
accessible-notifications
该技能用于审查模板、服务端渲染 HTML 或共享组件中的通知无障碍实现，确保动态通知能被屏幕阅读器正确播报。检查 aria-live 区域、alert/status 角色、通知停留时间及可关闭方式，只验证最终面向浏览器的标记。
accordion-accessibility
前端无障碍检查清单中的折叠面板（accordion）键盘可访问性规则，用于审查模板、服务端渲染 HTML 或共享组件，确保折叠面板支持键盘操作并被屏幕阅读器正确理解。
button-name
来自前端检查清单的可访问性规则：为按钮提供可辨识的无障碍名称。用于审查渲染后的 HTML、交互组件或设计系统模式，确保每个按钮都有描述性标签，屏幕阅读器用户能识别按钮将触发的操作。
lazy-loading
面向前端性能检查的懒加载规则技能：在排查慢加载、重资源或渲染延迟时，判断首屏以下资源是否应延迟加载，并用原生 loading="lazy" 或 Intersection Observer 等方式实现。
breadcrumb
面包屑导航技能，用于帮助用户理解自己在网站中的当前位置，以水平链接列表加分隔符呈现，作为辅助导航展示层级路径并方便返回上级页面。
dashboard
面向开发者的仪表盘布局 UX 模式，用于把多个高价值摘要整合到一个总览中，帮助用户先了解状态再深入查看。适合高管总览、运营监控和个人工作区摘要，不适合仅需一两个数值或创建编辑类任务。
search-results
用于展示与筛选搜索结果的 UX 模式，帮助团队把查询转化为可排序、可筛选的列表，便于用户从宽泛或不理想的搜索中恢复。适用于文档与知识库检索、目录与名录搜索、内部管理与运营搜索。
shopping-cart
购物车与商品管理 UX 模式，用于在结账前为顾客提供可查看、编辑和校验进行中购买的安全区域，适合需要结账前购物车复核的场景。
tabs
面向开发者的 Tabs（选项卡）UX 模式技能，用于在同一页面内切换不同视图。资料说明其用途、何时使用与避免、无障碍要求、性能指标及常见错误，并附实现工作流与参考文件。
velt-huddle-best-practices
Velt Huddle 实时音视频与屏幕共享功能的实现模式与最佳实践，适用于 React、Next.js 和 Web 应用。当需要在协作应用中添加音频、视频、屏幕共享 huddle、应用内聊天、跟随模式或 huddle 气泡时参考。