brand-assets-setup
为 Next.js 项目设置完整品牌资产
为 Next.js 项目构建品牌资产是一项重复且易错的工作。本技能可扫描您的项目，生成包含精确规格的完整检查清单，并将所有资产以正确的元数据配置导入到项目中。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“brand-assets-setup”。 Set up brand assets for my Next.js project
预期结果:
项目扫描完成。发现 3 个现有资产。检测到品牌颜色：背景 #f7f9fb，主色 #2563eb。缺少 1 个文件：apple-icon.png。显示完整的 12 项文件检查清单，并附带可复制的生成提示词。
正在使用“brand-assets-setup”。 I have generated assets at ~/Downloads/myapp_brand_assets
预期结果:
12 个文件已验证。已将 favicon.ico、icon.png、apple-icon.png、opengraph-image.png、twitter-image.png 复制到 app/。将 PWA 图标复制到 public/。使用品牌颜色创建了 manifest.json。更新了 layout.tsx 元数据。提供了验证步骤。
安全审计
低风险All 228 static findings are false positives. The scanner misidentified Markdown backtick code formatting as Ruby shell execution (181 locations) and treated documentation URLs and placeholder domain examples as network threats. The 'weak cryptographic algorithm' flags refer to natural language descriptions, not actual code. The skill's intended functionality of scanning a Next.js project for brand colors and copying asset files is legitimate. A minor promotional reference to casely.digital on SKILL.md line 290 is noted but does not pose a security risk.
低风险问题 (1)
风险因素
⚙️ 外部命令 (3)
检测到的模式
质量评分
你能构建什么
独立开发者为新项目打造品牌形象
开发者在启动新的 Next.js 项目时，可在数分钟内完成所有 favicon、PWA 图标和 OG 图片的设置，无需手动创建文件。
团队上线生产级应用
产品团队在应用上线前需要完整的 PWA 支持、社交媒体卡片以及跨平台统一的品牌形象。
开发者为现有项目添加 PWA 支持
现有的 Next.js 项目需要配置 manifest.json、合适的图标尺寸以及元数据配置，以支持可安装的 Web 应用。
试试这些提示
Set up brand assets for my Next.js project.
Generate favicon, OG images, and PWA icons for my app. Use the brand colors from my project.
Scan my Next.js project and set up complete branding. Detect colors from Tailwind config and generate metadata with OG images.
I have a logo file in my Downloads folder. Help me generate all brand assets, import them, and update my metadata.
最佳实践
- 在添加任何自定义图标之前运行本技能，以便准确检测现有资产。
- 提供高分辨率矢量 logo，以获得所有尺寸资产的最佳效果。
- 部署到预发或生产环境后，使用 opengraph.xyz 验证 OG 图片。
避免
- 在元数据中手动添加 Next.js 已从 app/ 目录自动检测到的图标引用。
- 为图标使用纯色背景，而操作系统期望图标具有透明背景以实现自适应样式。
- 跳过颜色检测阶段，使用了与品牌不匹配的通用颜色。