菜单
Takes generated visual assets (images, 3D models) and integrates them into landing pages, pitch decks, and websites with brand-aligned styling. Reads asset manifest and brand visual identity to produce production-ready output.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Sheshiyer/brandmint-oracle-aleph --skill visual-asset-integrator命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
End-to-end brand identity orchestration system. Generates text strategy, visual assets, campaign copy, video deliverables, and publishing outputs using 44 specialized skills across 9 categories. Chains FAL.AI/Nano Banana/Flux visual generation with brand positioning, buyer personas, and campaign workflows via wave-based execution. Includes Remotion-based programmatic video generation.
Transform markdown documentation folders into professional Astro-based wikis using refero-design principles (research-first, anti-AI-slop: no default emojis, no 3-column layouts, sections + dividers + media blocks over cards, neutral color system). Use when the user has a folder of .md files and wants to generate a polished wiki/documentation site with dark/light mode support, readable typography, and professional aesthetics. Triggers on requests involving markdown-to-wiki conversion, documentation site generation, Astro wiki creation, or brand wiki themes.
Defines brand voice persona and tone calibration using persona and positioning data to produce a reusable meta-prompt for copywriting.
正在显示 SKILL.md
| name | visual-asset-integrator |
| description | Takes generated visual assets (images, 3D models) and integrates them into landing pages, pitch decks, and websites with brand-aligned styling. Reads asset manifest and brand visual identity to produce production-ready output. |
Places generated visual assets into target outputs (landing pages, pitch decks, websites) with brand-consistent styling derived from the visual identity guide.
[BRAND_NAME] — Brand name[BRAND_DOCS_DIR] — Brand docs path (default: brands/{BRAND_NAME}/)[ASSET_MANIFEST] — Path to manifest (default: assets/{BRAND_NAME}/manifest.json)[TARGET] — Output target: landing-page | pitch-deck | slide-deck | websiteFrom the visual identity guide, generate CSS custom properties:
:root {
/* Colors from brand visual identity */
--brand-primary: {colors.primary.hex};
--brand-secondary: {colors.secondary.hex};
--brand-accent: {colors.accent.hex};
--brand-support: {colors.support.hex};
--brand-warning: {colors.warning.hex};
/* Typography */
--font-display: '{typography.header.family}', serif;
--font-body: '{typography.body.family}', sans-serif;
--font-mono: '{typography.accent.family}', monospace;
/* Type Scale */
--text-h1: 48px;
--text-h2: 36px;
--text-h3: 24px;
--text-body: 18px;
--text-small: 14px;
}
landing-page)Generate complete HTML file with:
Structure:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Fonts -->
<!-- Brand CSS -->
<!-- model-viewer for 3D (if applicable) -->
</head>
<body>
<header> Brand logo/wordmark </header>
<section class="hero">
<!-- hero-image asset, full-width -->
<h1> Brand headline (from MDS/campaign copy) </h1>
<p> Subheadline / pitch </p>
<a class="cta"> Call to action </a>
</section>
<section class="product">
<!-- product-shot assets in grid -->
<!-- 3D model viewer if model exists -->
</section>
<section class="features">
<!-- Feature blocks with supporting images -->
</section>
<footer> Brand info
Asset Integration Rules:
<picture> with WebP source + PNG fallback<model-viewer> web component with auto-rotateStyling Rules (from brand identity):
pitch-deck)Generate markdown source document for NotebookLM/Gamma with asset references:
# [BRAND_NAME] Pitch Deck
## Visual Assets Library
[List all available assets with recommended slide placement]
## Slide 1: Title
**Background**: assets/{brand}/images/hero-shots/hero-001.webp
**Content**: Brand name, tagline
**Style**: Full-bleed hero, text overlay with brand colors
## Slide 3: Product
**Visual**: assets/{brand}/3d-models/model-001/render.png
**Alternative**: Embed 3D viewer (model.glb) if platform supports
**Layout**: 60% visual / 40% text split
...
Also generate:
{brand}-gamma-prompt.md — Prompt for Gamma.app{brand}-notebooklm-prompt.md — Prompt for NotebookLM{brand}-slide-data.json — Structured slide data with asset pathsslide-deck)Integrates with visual-slidedeck-generator output format. Appends asset library to existing slide source document.
website)Generates an asset package:
index.html — Homepage with integrated assetsstyles.css — Brand-derived stylesheetassets/ — Optimized images (WebP + PNG)manifest.json — Asset inventoryOutput brands/{BRAND_NAME}/visual-integration-report.md:
# Visual Integration Report: [BRAND_NAME]
## Summary
- Target: [landing-page/pitch-deck/website]
- Assets integrated: X
- Generated: [DATE]
## Assets Used
| Asset ID | Type | Placement | File |
|----------|------|-----------|------|
| hero-001 | Hero Image | Hero section | images/hero-shots/hero-001.png |
| model-001 | 3D Model | Product section | 3d-models/model-001/model.glb |
## Brand Compliance
- Colors: All within palette
- Typography: Correct fonts loaded
- Imagery style: Matches guidelines
## Output Files
- [list of generated files with paths]
templates/landing-page.html — Base landing page structuretemplates/pitch-deck-assets.md — Pitch deck asset integration templatetemplates/styles.css — Brand-derived stylesheet template