web-auth
web-auth 是 web-ctl 的网页认证技能，通过有头浏览器让人工完成登录、二次验证或验证码，代理监控成功后持久化已认证会话。支持内置提供商、自定义 provider 文件与手动 URL 配置，可在本地显示或远程 VNC 模式下使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
web-browse
web-browse 是一个无头浏览器控制技能，通过单一 CLI 命令让智能体导航网页、点击元素、填写表单、读取内容、截图与抓取结构化数据。所有网页内容均视为不可信，需防范提示注入。
agenta-package-practices
Agenta 前端代码与 @agenta/* 工作区包的使用规范：判断代码该放应用层还是包、如何按用途选择包、子路径导入与包单元测试写法。
chengfeng-landingpage
chengfeng-landingpage 是一个面向支持的 Agent 环境的安装包技能，可将产品或个人素材转化为原创的全屏视频主导型首页 Hero 区域，支持通过授权 API 生成视频，或输出首帧与可直接使用的提示词交由外部图生视频工具处理。
architecture-diagram
用于生成深色主题软件/系统架构图的技能：输出单个自包含 HTML 文件，内嵌 CSS 与内联 SVG，无 JavaScript、无外部图片，可直接在浏览器打开。
webmcp
webmcp 是一个面向 WebMCP 的决策与设计技能包，提供评估、设计、实现、脚手架、验证、试用等流程，帮助判断网站是否应向 AI 代理暴露可调用工具，并在构建时确保标注契约、安全审查与可验证性；它明确不承诺 SEO、排名、流量或转化收益。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
cache-components
面向 Next.js Cache Components 与部分预渲染（PPR）的专家指导技能，在启用 cacheComponents 的项目中自动激活，帮助编写可缓存的数据获取、Server Actions 与 Suspense 边界，并提供构建期反馈。
infographic-structure-creator
用于为该仓库生成或更新信息图 Structure 组件（src/designs/structures 下的 TypeScript/TSX），适用于设计、实现或修改结构组件时使用。
infographic-template-updater
Infographic Template Updater 是一个用于在新增信息图模板后同步更新模板目录与界面提示的技能。当在 src/templates 目录下添加新的模板文件（src/templates/*.ts）后，该技能负责把新模板名称补充到多个公开的模板清单中，包括 SKILL.md 的“Available Templates”列表、站点画廊的提示文件以及语法创建器的参考提示文件，并可通过 rg 命令做一致性检查。它强调不删除或重命名已有条目、保持模板名称精确且小写，并在模板需要示例数据时同步更新数据集文件。
styling
面向 AI 智能体的 CSS 与 Tailwind 样式编写指南，用于编写样式、创建 UI 组件、评审 CSS/Tailwind 代码或决定外层元素结构时参考。
svelte
面向 AI 编程助手的 Svelte 技能，提供 Svelte 5 组件编写规范：TanStack Query 变更模式、shadcn-svelte 组件组织与导入、组件组合与自包含组件模式。
bundle-analysis
bundle-analysis 是一个用于前端打包体积分析的技能，提供当前体积测量、稳定或选定基线对比、包组成检查和对比状态清理等工作流。使用时先阅读 packages/tools/bundle/README.md，再按需要选择具体命令，例如 pnpm bundle-compare <base-ref> 做稳定对比、pnpm bundle-compare-selected --base <ref> scratchpad/<fixture>.ts 做选定基线对比、pnpm bundle-analyze scratchpad/<fixture>.ts 检查组成。它适合在前端或依赖打包改动前后评估体积差异和模块构成，但资料未说明具体平台支持、性能指标和收费信息。
panda-css
用于 JavaScript/TypeScript 项目配置、编写与调试 Panda CSS 的技能，覆盖 @pandacss/dev 安装迁移、panda.config 编辑、PostCSS 与 CLI 集成及样式编写。
vibe-coding-css-setup
一次性项目 CSS 基础搭建技能：生成 globals.css、校验 tailwind.config.js 的 content 路径、在根布局导入字体与全局样式，并写入进度标记。支持 Tailwind v3/v4 及纯 CSS、CSS Modules、SCSS。
vibe-coding-design-templates
Vibe Coding 设计模板技能：在页面内容开发前先识别项目类型（内容/博客、电商、SaaS/应用、落地页、后台/仪表盘、作品集），并生成基础布局结构与共享组件壳，让所有页面复用同一套基底布局。
vibe-coding-doc-appflow
用于生成 APP_FLOW.md 的 AI 技能：梳理应用全部屏幕、路由与用户旅程，输出导航结构、每屏数据需求与状态、模态框及错误处理文档，保存到 ./docs/APP_FLOW.md。
vibe-coding-doc-frontend
根据项目技术栈与设计系统自动生成前端工程规范文档 FRONTEND_GUIDELINES.md 的技能，覆盖目录结构、命名约定、组件架构、状态管理、数据请求、无障碍与性能等规则。
vibe-coding-review-react
面向 React 与 Next.js 的代码审查技能，含 8 类共 65 条规则，覆盖异步瀑布、包体积、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能与组合模式，由 vibe-coding-code-review 在检测到 React/Next.js 时调用。
vibe-coding-ui-review
基于截图的 UI 审查技能，采用 ClearShot 方法从三个层级分析界面：地图（空间布局）、系统（设计模式）与蓝图（架构），对照设计系统找出违规并给出精确修复建议，输出合规评分与优先问题。
vibe-coding-web-design-guidelines
该技能依据 Vercel 的 Web Interface Guidelines 对 UI/前端代码进行审查，规则从 GitHub 实时获取以保持更新，检查可访问性、视觉层级、间距布局、交互模式、排版和组件 API 设计六类问题。
fulltext-fetcher
fulltext-fetcher 是一个面向科研文献的技能，可在给定 URL、DOI 或 PubMed PMID 时抓取并保存网页的原始 HTML，适合需要归档级页面 HTML 以供后续解析或审查的场景。
mindmap
一个离线生成思维导图的技能：仅用原生 HTML/CSS/JS，无需外部库，将纯文本节点结构或 LLM 输出解析为节点树并在浏览器本地渲染，适合内网、无 CDN 环境及流式可视化场景。
mindmap-html-generator
将 Markdown、大纲、会议记录、章节结构或 JSON 树组织为 markmap 兼容结构，并用脚本生成可离线浏览的交互式思维导图 HTML，含导出 PNG 与全屏工具栏。