·web-asset-generator
</>

web-asset-generator

jackspace/claudeskillz

生成 Web 资产,包括 Facebook、Twitter、WhatsApp 和 LinkedIn 的网站图标、应用程序图标 (PWA) 和社交媒体元图像 (Open Graph)。当用户需要来自徽标或文本标语的图标、网站图标、社交共享图像或开放图谱图像时使用。处理图像大小调整、文本到图像的生成,并提供适当的 HTML 元标记。

20安装·0热度·@jackspace

安装

$npx skills add https://github.com/jackspace/claudeskillz --skill web-asset-generator

SKILL.md

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

IMPORTANT: Always use the AskUserQuestion tool to gather requirements instead of plain text questions. This provides a better user experience with visual selection UI.

✅ Visual UI: Users see options as clickable chips/tags instead of typing responses ✅ Faster: Click to select instead of typing out answers ✅ Clearer: Descriptions explain what each option means ✅ Fewer errors: No typos or misunderstandings from free-form text ✅ Professional: Consistent with modern Claude Code experience

生成 Web 资产,包括 Facebook、Twitter、WhatsApp 和 LinkedIn 的网站图标、应用程序图标 (PWA) 和社交媒体元图像 (Open Graph)。当用户需要来自徽标或文本标语的图标、网站图标、社交共享图像或开放图谱图像时使用。处理图像大小调整、文本到图像的生成,并提供适当的 HTML 元标记。 来源:jackspace/claudeskillz。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/jackspace/claudeskillz --skill web-asset-generator
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 web-asset-generator?

生成 Web 资产,包括 Facebook、Twitter、WhatsApp 和 LinkedIn 的网站图标、应用程序图标 (PWA) 和社交媒体元图像 (Open Graph)。当用户需要来自徽标或文本标语的图标、网站图标、社交共享图像或开放图谱图像时使用。处理图像大小调整、文本到图像的生成,并提供适当的 HTML 元标记。 来源:jackspace/claudeskillz。

如何安装 web-asset-generator?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/jackspace/claudeskillz --skill web-asset-generator 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/jackspace/claudeskillz