web-asset-generator

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 1 天前

▸ 精选理由

自动化生成多尺寸资产，省去手工调整与格式转换时间。

▸ 风险提示

可能调用外部图像生成或第三方 API。

这个 Skill 做什么

从 logo 或文字生成 favicon、应用图标与社媒分享图等网页资源。

把 logo 或口号一键生成网站用的 favicon、PWA 应用图标和社媒分享图（Open Graph），并输出适配各个平台的尺寸和合适的 HTML meta 标签。适合需要一套多尺寸图标或社媒预览图，或从文字生成视觉素材时用，免去手工裁切与格式调整。特点是能自动处理图片缩放、文字到图像生成并产出一套可直接上站的资源与标签。

▸ 展开 SKILL.md 英文原文

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.

开发编程图标生成Open Graph社媒图资源处理通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/web-asset-generator/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/web-asset-generator/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Web Asset Generator

Generate professional web assets from logos or text slogans, including favicons, app icons, and social media meta images.

## Quick Start

When a user requests web assets:

1. **Use AskUserQuestion tool to clarify needs** if not specified:
   - What type of assets they need (favicons, app icons, social images, or everything)
   - Whether they have source material (logo image vs text/slogan)
   - For text-based images: color preferences

2. **Check for source material**:
   - If user uploaded an image: use it as the source
   - If user provides text/slogan: generate text-based images

3. **Run the appropriate script(s)**:
   - Favicons/icons: `scripts/generate_favicons.

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有