·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