メニュー
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.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
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.
Generate images with Alibaba Qwen-Image-2.0-Pro via inference.sh CLI. Professional text rendering, fine-grained realism, enhanced semantic adherence. Ideal for posters, banners, and text-heavy designs. Triggers: qwen image pro, qwen-image-pro, qwen 2 pro, alibaba image pro, dashscope pro, professional text rendering
Generate and edit images with Alibaba Qwen-Image-2.0 models via inference.sh CLI. Models: Qwen-Image-2.0 (fast), Qwen-Image-2.0-Pro (professional text rendering). Capabilities: text-to-image, multi-image editing, complex text rendering. Triggers: qwen image, qwen-image, alibaba image, dashscope image, qwen image 2, qwen image pro
Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtime, tools, streaming, approvals, and widgets built in. Capabilities: drop-in agent, human-in-the-loop, client-side tools, form filling. Use for: building AI chat interfaces, agentic UIs, SaaS copilots, assistants. Triggers: agent component, agent ui, chat agent, shadcn agent, react agent, agentic ui, ai assistant ui, copilot ui, inference ui, human in the loop
| 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 </footer>
</body>
</html>
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