asset-audit by webflow/webflow-skills
npx skills add https://github.com/webflow/webflow-skills --skill asset-audit分析 Webflow 站点上的资源以进行 SEO 优化。
始终使用 Webflow MCP 工具进行所有操作:
asset_tool 来获取和更新资源get_image_preview 来分析图像内容data_sites_tool 并执行 list_sites 操作来列出可用站点webflow_guide_tool 获取最佳实践context 参数(15-25 个单词,第三人称视角)广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
asset_tool识别问题:列出所有存在以下情况的资源: * 未设置替代文本(null 或空字符串) * 已有替代文本但质量较差(太短、冗余短语等) * 没有 SEO 友好的资源名称 * 是重复或非常相似的资源
模式检测报告:显示检测到的模式:
🔍 检测到的模式:
询问用户偏好:询问他们是否希望生成: * 仅替代文本 * 仅 SEO 友好名称 * 两者都要 * 应用命名模式/模板
分析资源:使用 Webflow MCP 的 get_image_preview 工具分析需要更新的资源
* 错误处理:如果 Webflow MCP 的 get_image_preview 失败,请使用备用方案:
生成建议并进行验证: * 替代文本验证:
文件夹组织建议:如果检测到模式,建议文件夹结构:
💡 组织建议:
呈现建议并提供细粒度批准选项: * 显示带复选框的编号列表 * 允许单独切换:"输入要跳过的编号(例如,'2,4')" * 选项:"all"、"none" 或特定编号 * 为每个建议显示验证警告
提供命名模板(如果有很多相似的资源):
🎨 应用命名模式?
存储回滚数据:在应用更改之前,存储: * 原始资源名称 * 原始替代文本 * 时间戳 * 已修改的资源
应用更新:使用 Webflow MCP 的 asset_tool 仅更新已批准的资源
* 显示批量更新的进度
* 优雅地处理部分失败
* 分别报告成功和失败
提供回滚选项:更改应用后:
📋 回滚可用: 上次更新:4 个资源在 2 分钟前被修改 输入 "undo" 以撤销这些更改
用户提示:
Run an asset audit on my site.
步骤 1:初始审计报告
📊 SEO 资源审计:MCP Demo #2
总计:4 个资源
🔍 检测到的模式:
- 4 个资源具有通用数字名称(1.webp、2.webp、3.webp、4.webp)
- 所有资源均为 WebP 格式 ✓
⚠️ 缺少替代文本(4 个资源):
├── 1.webp(替代文本为空)
├── 2.webp(替代文本为空)
├── 3.webp(替代文本为空)
└── 4.webp(替代文本为空)
⚠️ 非 SEO 友好名称(4 个资源):
├── 1.webp(通用数字名称)
├── 2.webp(通用数字名称)
├── 3.webp(通用数字名称)
└── 4.webp(通用数字名称)
---
您希望生成什么?
1. 仅替代文本
2. 仅 SEO 友好名称
3. 替代文本和 SEO 友好名称都要
请选择一个选项(1、2 或 3)。
带有验证警告的示例:
📋 建议的改进:
[1] ✓ IMG_1234.jpg
替代文本:"Professional team member headshot with blue background."
新名称:professional-team-member-headshot.jpg
✅ 验证通过
[2] ✓ screenshot-2024.png
替代文本:"Dashboard analytics overview showing user engagement metrics."
新名称:dashboard-analytics-overview.png
✅ 验证通过
[3] ⚠️ untitled-image.webp
替代文本:"Photo"
⚠️ 警告:替代文本太短(< 10 个字符)- 需要更多细节
新名称:untitled-image.webp
⚠️ 警告:无法生成更好的名称(图像预览失败)
[4] ⚠️ TeamPhoto2024!!!.jpg
替代文本:"Image of a person working on laptop in modern office with plants and natural lighting through large windows in the background."
⚠️ 警告:替代文本太长(137 个字符)- 请考虑为屏幕阅读器缩短
新名称:team-photo-2024.jpg
✅ 验证通过(特殊字符已移除)
您希望更新哪些资源?
步骤 2:用户选择选项 3 并分析图像后
📋 建议的改进:
[1] ✓ 1.webp
替代文本:"Podcast host with headphones and microphone recording Webflow podcast episode in studio."
新名称:webflow-podcast-host-recording-studio.webp
✅ 验证通过
[2] ✓ 2.webp
替代文本:"Professional developer wearing glasses working on laptop with Webflow logo in modern office."
新名称:developer-working-laptop-webflow-office.webp
✅ 验证通过
[3] ✓ 3.webp
替代文本:"Webflow homepage hero section with tagline and email signup form."
新名称:webflow-homepage-hero-section.webp
✅ 验证通过
[4] ✓ 4.webp
替代文本:"Speaker presenting on stage at Webflow Conf with audience watching."
新名称:webflow-conf-speaker-presentation-stage.webp
✅ 验证通过
---
您希望更新哪些资源?
- 输入编号以跳过(例如,"2,4" 跳过第 2 和第 4 项)
- 输入 "all" 以处理所有项
- 输入 "none" 以取消
步骤 3:用户确认 "all" 后
🔄 正在应用更新...
进度:████████████████████ 100% (4/4 个资源)
✅ 更新应用成功!
SEO 资源审计完成:MCP Demo #2
摘要:
- ✅ 4 个资源成功更新
- ❌ 0 个资源失败
- ⏭️ 0 个资源被跳过
应用的更改:
┌─────────────────────────────────────────────────────────────────┐
│ [1] webflow-podcast-host-recording-studio.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
├─────────────────────────────────────────────────────────────────┤
│ [2] developer-working-laptop-webflow-office.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
├─────────────────────────────────────────────────────────────────┤
│ [3] webflow-homepage-hero-section.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
├─────────────────────────────────────────────────────────────────┤
│ [4] webflow-conf-speaker-presentation-stage.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
└─────────────────────────────────────────────────────────────────┘
📋 回滚可用:
上次更新:4 个资源刚刚被修改
输入 "undo" 以撤销这些更改
---
🎉 您站点的资源现已针对 SEO 和可访问性进行了全面优化!
替代步骤 3:用户选择特定资源(例如,"1,3")
🔄 正在将更新应用到资源 1 和 3...
进度:████████████████████ 100% (2/2 个资源)
✅ 部分更新完成!
摘要:
- ✅ 2 个资源成功更新
- ❌ 0 个资源失败
- ⏭️ 2 个资源被跳过(按请求)
应用的更改:
┌─────────────────────────────────────────────────────────────────┐
│ [1] webflow-podcast-host-recording-studio.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
├─────────────────────────────────────────────────────────────────┤
│ [3] webflow-homepage-hero-section.webp │
│ ✓ 已添加替代文本 │
│ ✓ 文件名已更新 │
└─────────────────────────────────────────────────────────────────┘
跳过的资源(稍后可以再次运行审计):
- [2] 2.webp
- [4] 4.webp
📋 回滚可用:
输入 "undo" 以撤销这 2 项更改
文件扩展名处理:
image.webp → new-name.webp.webpimage.webp → new-name.webp替代文本质量规则:
SEO 文件名规则:
team photo → team-phototeam_photo → team-photophoto!@#$ → photoTeamPhoto → team-phototeam--photo → team-photo-photo- → photo大型站点处理:
get_image_preview 耗时 > 30 秒,则跳转到下一批模式检测: 检测并报告以下模式:
IMG_、DSC_、DCIM_、P_screenshot、Screen Shot、Captureuntitled、image-1、photo、asset2024-01-10、20240110、01-10-2024错误处理:
get_image_preview 失败:
细粒度批准系统:
[1]、[2]、[3] 等✓ 或 ✗命名模板: 当检测到 5 个以上相似资源时提供模板:
[category]-[description]-[modifier]
product-laptop-front-view.jpg[description]-[location]-[year]
team-photo-office-2024.jpg[type]-[name]-[variant]
icon-arrow-blue.svg文件夹组织: 检测到以下情况时建议文件夹:
team-photos 文件夹product-images 文件夹branding 文件夹screenshots 文件夹回滚系统: 在任何更新之前,在内存中存储:
{
"timestamp": "2026-01-10T00:45:00Z",
"assets": [
{
"id": "asset-id",
"originalName": "1.webp",
"originalAltText": "",
"newName": "podcast-host.webp",
"newAltText": "Podcast host recording..."
}
]
}
重复检测:
get_image_preview 来理解图像内容每周安装数
88
代码仓库
GitHub 星标数
35
首次出现
Jan 21, 2026
安全审计
安装于
cursor77
gemini-cli74
codex74
opencode73
github-copilot67
amp64
Analyze assets on a Webflow site for SEO optimization.
ALWAYS use Webflow MCP tools for all operations:
asset_tool for fetching and updating assetsget_image_preview for analyzing image contentdata_sites_tool with action list_sites for listing available siteswebflow_guide_tool to get best practices before startingcontext parameter (15-25 words, third-person perspective)asset_tool to get all assets from the site
Identify issues : List all assets which:
Pattern detection report : Show detected patterns:
🔍 Detected patterns:
- 15 assets start with "IMG_" (camera uploads)
- 8 assets contain "screenshot"
- Suggest: Bulk rename these patterns
Ask user preference : Ask if they want to generate:
Analyze assets : Use Webflow MCP's get_image_preview tool to analyze the assets that need updates
get_image_preview fails, use fallback:
Generate suggestions with validation :
Folder organization suggestions : If patterns detected, suggest folder structure:
💡 Organization suggestions:
- Create "team-photos" folder for 8 team images
- Create "product-images" folder for 15 product shots
Present suggestions with granular approval : * Show numbered list with checkboxes * Allow individual toggle: "Enter numbers to skip (e.g., '2,4')" * Options: "all", "none", or specific numbers * Show validation warnings for each suggestion
Offer naming template (if many similar assets):
🎨 Apply naming pattern?
Store rollback data : Before applying changes, store: * Original asset names * Original alt text * Timestamp * Assets modified
Apply updates : Use Webflow MCP's asset_tool to update approved assets only
* Show progress for batch updates
* Handle partial failures gracefully
* Report successes and failures separately
Offer rollback option : After changes applied:
📋 Rollback Available: Last update: 4 assets modified 2 minutes ago Type "undo" to revert these changes
User prompt:
Run an asset audit on my site.
Step 1: Initial Audit Report
📊 SEO Asset Audit: MCP Demo #2
Total: 4 assets
🔍 Detected patterns:
- 4 assets have generic numeric names (1.webp, 2.webp, 3.webp, 4.webp)
- All assets are in WebP format ✓
⚠️ Missing Alt Text (4 assets):
├── 1.webp (empty alt text)
├── 2.webp (empty alt text)
├── 3.webp (empty alt text)
└── 4.webp (empty alt text)
⚠️ Non-SEO-Friendly Names (4 assets):
├── 1.webp (generic numeric name)
├── 2.webp (generic numeric name)
├── 3.webp (generic numeric name)
└── 4.webp (generic numeric name)
---
What would you like to generate?
1. Alt text only
2. SEO-friendly names only
3. Both alt text and SEO-friendly names
Please select an option (1, 2, or 3).
Example with Validation Warnings:
📋 Suggested Improvements:
[1] ✓ IMG_1234.jpg
Alt text: "Professional team member headshot with blue background."
New name: professional-team-member-headshot.jpg
✅ Validation passed
[2] ✓ screenshot-2024.png
Alt text: "Dashboard analytics overview showing user engagement metrics."
New name: dashboard-analytics-overview.png
✅ Validation passed
[3] ⚠️ untitled-image.webp
Alt text: "Photo"
⚠️ Warning: Alt text too short (< 10 chars) - needs more detail
New name: untitled-image.webp
⚠️ Warning: Unable to generate better name (image preview failed)
[4] ⚠️ TeamPhoto2024!!!.jpg
Alt text: "Image of a person working on laptop in modern office with plants and natural lighting through large windows in the background."
⚠️ Warning: Alt text too long (137 chars) - consider shortening for screen readers
New name: team-photo-2024.jpg
✅ Validation passed (special characters removed)
Which assets would you like to update?
Step 2: After user selects option 3 and images are analyzed
📋 Suggested Improvements:
[1] ✓ 1.webp
Alt text: "Podcast host with headphones and microphone recording Webflow podcast episode in studio."
New name: webflow-podcast-host-recording-studio.webp
✅ Validation passed
[2] ✓ 2.webp
Alt text: "Professional developer wearing glasses working on laptop with Webflow logo in modern office."
New name: developer-working-laptop-webflow-office.webp
✅ Validation passed
[3] ✓ 3.webp
Alt text: "Webflow homepage hero section with tagline and email signup form."
New name: webflow-homepage-hero-section.webp
✅ Validation passed
[4] ✓ 4.webp
Alt text: "Speaker presenting on stage at Webflow Conf with audience watching."
New name: webflow-conf-speaker-presentation-stage.webp
✅ Validation passed
---
Which assets would you like to update?
- Type numbers to skip (e.g., "2,4" to skip items 2 and 4)
- Type "all" to proceed with all
- Type "none" to cancel
Step 3: After user confirms with "all"
🔄 Applying updates...
Progress: ████████████████████ 100% (4/4 assets)
✅ Updates Applied Successfully!
SEO Asset Audit Complete: MCP Demo #2
Summary:
- ✅ 4 assets updated successfully
- ❌ 0 assets failed
- ⏭️ 0 assets skipped
Changes Applied:
┌─────────────────────────────────────────────────────────────────┐
│ [1] webflow-podcast-host-recording-studio.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
├─────────────────────────────────────────────────────────────────┤
│ [2] developer-working-laptop-webflow-office.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
├─────────────────────────────────────────────────────────────────┤
│ [3] webflow-homepage-hero-section.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
├─────────────────────────────────────────────────────────────────┤
│ [4] webflow-conf-speaker-presentation-stage.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
└─────────────────────────────────────────────────────────────────┘
📋 Rollback Available:
Last update: 4 assets modified just now
Type "undo" to revert these changes
---
🎉 Your site's assets are now fully optimized for SEO and accessibility!
Alternative Step 3: User selects specific assets (e.g., "1,3")
🔄 Applying updates to assets 1 and 3...
Progress: ████████████████████ 100% (2/2 assets)
✅ Partial Update Complete!
Summary:
- ✅ 2 assets updated successfully
- ❌ 0 assets failed
- ⏭️ 2 assets skipped (as requested)
Changes Applied:
┌─────────────────────────────────────────────────────────────────┐
│ [1] webflow-podcast-host-recording-studio.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
├─────────────────────────────────────────────────────────────────┤
│ [3] webflow-homepage-hero-section.webp │
│ ✓ Alt text added │
│ ✓ Filename updated │
└─────────────────────────────────────────────────────────────────┘
Skipped Assets (can run audit again later):
- [2] 2.webp
- [4] 4.webp
📋 Rollback Available:
Type "undo" to revert these 2 changes
File Extension Handling:
image.webp → new-name.webp.webpimage.webp → new-name.webpAlt Text Quality Rules:
SEO Filename Rules:
team photo → team-phototeam_photo → team-photophoto!@#$ → photoTeamPhoto → team-phototeam--photo → team-photoLarge Site Handling:
get_image_preview takes > 30s, skip to next batchPattern Detection: Detect and report these patterns:
IMG_, DSC_, DCIM_, P_screenshot, Screen Shot, Captureuntitled, image-1, photo, assetError Handling:
get_image_preview fails:
Granular Approval System:
[1], [2], [3], etc.✓ or ✗Naming Templates: Offer templates when 5+ similar assets detected:
[category]-[description]-[modifier]
product-laptop-front-view.jpg[description]-[location]-[year]
team-photo-office-2024.jpg[type]-[name]-[variant]
icon-arrow-blue.svgFolder Organization: Suggest folders when detecting:
team-photos folderproduct-images folderbranding folderscreenshots folderRollback System: Before any update, store in memory:
{
"timestamp": "2026-01-10T00:45:00Z",
"assets": [
{
"id": "asset-id",
"originalName": "1.webp",
"originalAltText": "",
"newName": "podcast-host.webp",
"newAltText": "Podcast host recording..."
}
]
}
Duplicate Detection:
get_image_preview to understand image contentWeekly Installs
88
Repository
GitHub Stars
35
First Seen
Jan 21, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
cursor77
gemini-cli74
codex74
opencode73
github-copilot67
amp64
通过 LiteLLM 代理让 Claude Code 对接 GitHub Copilot 运行 | 高级变通方案指南
46,900 周安装
每日技术资讯深度搜集 | 多源交叉验证+重要性评分 | 高质量技术博客生成
103 周安装
前端设计技能:创建独特、生产级UI界面,避免AI垃圾美学,实现创意前端开发
102 周安装
Godot 程序化生成算法合集:噪声、WFC、BSP、LOD地形等10+脚本
103 周安装
AWS Aurora 数据库连接最佳实践:RDS Proxy 与 Data API 无服务器架构指南
105 周安装
国际化i18n最佳实践:React i18next多语言支持、日期格式化和RTL语言处理
70 周安装
OpenAPI 专家指南:RESTful API 规范、文档与代码生成全解析
110 周安装
-photo- → photo2024-01-102024011001-10-2024