원클릭으로 Manus에서 모든 스킬 실행

pf-brand-router

스타2

포크2

업데이트2026년 5월 22일 12:27

Decides which brand a deck uses (Slalom default, Composable DXP secondary, or Client custom) and prepares the brand assets. For Slalom/Composable, copies the pre-built tokens.css and logo from resources/. For Client, ingests from an attached styleguide PDF or a `.com` crawl, derives tokens, saves to WIP/[deck]/brand/. Outputs: tokens.css + logo.svg in the WIP brand folder.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

bpainter

bpainter/composable-dxp-claude-marketplace

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

When to invoke

The Frame stage orchestrator calls this skill after the user has answered "which brand."

Required context

Foundations: ../../references/presentation-factory-foundations.md. Toolchain detail: ../../references/presentation-factory-toolchain.md. Brand-pattern reference: ../../references/slalom-brand-patterns.md.

What this skill does

If brand = Slalom

Copy resources/tokens/slalom.css → WIP/[deck]/brand/tokens.css
Copy resources/assets/slalom-logo.svg → WIP/[deck]/brand/logo.svg
Copy resources/assets/slalom-logo-white.svg → WIP/[deck]/brand/logo-white.svg
Record in 00_Intake_Brief.md: Brand: Slalom and Italic-emphasis: on

If brand = Composable DXP

Copy resources/tokens/composable-dxp.css → WIP/[deck]/brand/tokens.css
Copy resources/assets/composable-dxp-wordmark.svg → WIP/[deck]/brand/logo.svg
Copy resources/assets/composable-dxp-mark.svg → WIP/[deck]/brand/logo-mark.svg
Record: Brand: Composable DXP and Italic-emphasis: off (DXP uses Lora 700 non-italic)

If brand = Client

Two ingestion paths. Ask the user first via AskUserQuestion:

Question: "How should I pick up the client brand?"
Options:
1. I'll attach the client's brand styleguide PDF (Recommended if you have one)
2. Crawl the client's website to derive brand patterns
3. I'll provide the brand details manually (paste colors, fonts, voice notes)

Path A: PDF ingestion

Read the attached PDF using vision capabilities.
Extract:
- Primary color (the most prominent / called-out hex value)
- Secondary color + 2-3 accent colors
- Display font name (the heading/feature font)
- Body font name
- Logo — note which page has the primary logo, extract as a high-res image if possible
- Voice characteristics (3-5 words from the brand book — confident, warm, technical, etc.)
- Banned patterns (any "don't" examples in the guide)
Copy resources/tokens/client-template.css → WIP/[deck]/brand/tokens.css
Replace the /* TODO */ markers with extracted values
If logo can't be extracted as SVG, save raster as WIP/[deck]/brand/logo.png and note the limitation
Record Brand: Client:[CLIENT_NAME] and italic-emphasis flag based on whether the client uses serif-italic emphasis in their own marketing

Path B: `.com` crawl

Ask user for the client's primary URL (homepage).
Use WebFetch on: homepage, then 1-2 of (about, services, products — whichever appears in the nav).
Parse each page for:
- <style>:root { --color-... custom properties — modern sites expose tokens
- Heading/body font from <link href="...fonts.googleapis.com"> or font-family declarations
- Logo <img src> patterns (filter for "logo" in path/alt)
- Hero colors and accent patterns observed across pages
Same as Path A from step 3 onwards.

Path C: Manual entry

Ask via AskUserQuestion (or conversation):

Primary color (hex)
Secondary color (hex)
1-3 accent colors (hex)
Display font name + body font name
Anything else important (voice notes, banned patterns, italic-emphasis on/off)

Apply same template-filling pattern.

Validation before completion

After filling tokens.css, do a sanity pass:

Does the primary color have enough contrast against white (AA ratio ≥ 4.5)?
If no — flag in 00_Intake_Brief.md under "Brand caveats" and suggest using primary-deep for text-on-light.
Does the gradient have enough chroma variance to read as a gradient?
If colors are all near-identical — fall back to single-color gradient (primary light → primary deep).
Is the logo present?
If no — record a TODO and ask the user to provide one before Compose.

Output

File	Path
Brand tokens (CSS)	`WIP/[deck]/brand/tokens.css`
Logo (light)	`WIP/[deck]/brand/logo.svg` (or `logo.png`)
Logo (dark / white)	`WIP/[deck]/brand/logo-white.svg` if available

Record in 00_Intake_Brief.md (Brand section):

## Brand
- Name: [Slalom / Composable DXP / Client:Name]
- Tokens file: WIP/[deck]/brand/tokens.css
- Logo: WIP/[deck]/brand/logo.svg
- Italic-emphasis: [on / off]
- Brand caveats: [any limitations from ingestion]

Anti-patterns

Don't mix logos (e.g. Slalom logo on a client-branded deck unless explicitly co-branded)
Don't force the italic-emphasis pattern on a client brand that doesn't use it
Don't invent brand colors — if ingestion fails, ask the user; don't guess
Don't skip the contrast check — a primary color that fails AA on white breaks every title slide

이 저장소의 다른 Skills

같은 저장소

video-factory-concept

bpainter/composable-dxp-claude-marketplace

Brainstorm distinct video concepts for a brief — cinematic videos, brand films, motion accents, and background loops for product websites. Produces 3–5 genuinely different creative directions (not five flavors of one safe idea), each with a premise, the feeling it creates, why it fits the product and placement, and how hard it is to pull off in Higgsfield. Use this skill any time the work starts with "what could this video be" — concepting a hero background loop, a launch film, a section divider, an explainer, or a social spot — even when the user just says "I need a video for X." First stage of the Video Factory chain; hands the chosen concept to video-factory-storyboard. Pulls toward concrete subjects over the drone-over-city / glowing-AI clichés that AI video defaults to.

2026-06-162

video-factory-create-flow

bpainter/composable-dxp-claude-marketplace

The main orchestrator for the Slalom Video Factory. Walks a user from "I need a video" to a ready-to-generate prompt package (and, on request, generated clips) via the Frame → Concept → Storyboard → Direct → Generate → Ship pipeline. Diagnoses intent, sequences the craft skills, and pauses for review at each handoff. Use this skill whenever someone wants a cinematic video, a brand film, a motion accent, or a background loop for a product website and hasn't already scoped it down to a single stage — "make me a hero video for X," "I need a background loop," "let's storyboard a launch film." For a single stage, route straight to that craft skill instead.

2026-06-162

video-factory-creative-direction

bpainter/composable-dxp-claude-marketplace

The motion taste layer for a video — lock one coherent look across every shot before any generation happens. Owns register, pacing, camera language, color and grade, light, grain/texture, and brand fit, so a multi-shot piece reads as one director shot it rather than a pile of clips. The motion analog of design-imagery. Use this skill any time a video needs art direction: setting the visual system for a brand film, keeping a background loop on-brand, grading decisions, or course- correcting clips that came back looking like different videos. Third stage of the Video Factory chain; reads a storyboard, writes a direction spec that video-factory-higgsfield-prompt turns into model parameters and prompt language. Actively rejects the drone-city / glowing-AI motion clichés.

2026-06-162

video-factory-higgsfield-prompt

bpainter/composable-dxp-claude-marketplace

Turn a directed storyboard into a ready-to-run Higgsfield prompt package and (when asked) execute the generations via the Higgsfield MCP. Owns model routing (seedance 2.0 / kling 3.0 default for video; nano banana pro / chatgpt image 2 for keyframes), the image-to-video prompt structure (motion, camera, atmosphere, sound over a start frame), parameter selection (resolution, duration, aspect, sound on/off, genre, end-frame for loops), negatives, retries, and web encoding handoff. Use this skill any time the task is "write the Higgsfield prompt," "generate this in Higgsfield," "what model and settings," "make the background loop," or turning shots into clips. Final craft stage of the Video Factory chain; reads concept + storyboard + direction and produces 40_Prompts.md plus generated keyframes and clips. Keyframe-first, loop- seam-aware, credit-disciplined.

2026-06-162

video-factory-storyboard

bpainter/composable-dxp-claude-marketplace

Turn a chosen video concept into a shot-by-shot storyboard ready to generate in Higgsfield — shot list with timing, camera move, framing, transition, and a keyframe-still prompt for every shot (because Higgsfield video models are image-to-video and animate a start frame). Use this skill any time a video idea needs to become an executable shot plan: storyboarding a hero background loop, a brand film, an explainer, a section divider, or a social spot — even when the user says "break this into shots," "plan the shots," or "what's the shot list." Second stage of the Video Factory chain; reads a concept (or a one-line idea) and hands a storyboard to video-factory-creative-direction and video-factory-higgsfield-prompt. Designs loop seams for background video and protects headline safe-areas.

2026-06-162

brand-naming

bpainter/composable-dxp-claude-marketplace

Senior naming expertise. Brainstorms brand names in three categories — literal, abstract, alliterative — with 15+ per category by default. Validates each candidate against existing brand collisions and industry-specific negative connotations (e.g., "Forge" for a law firm reads as "forged documents"). Screens for trademark and domain availability. Use when brainstorming, evaluating, or recommending names for products, companies, features, or offerings.

2026-06-032

name	pf-brand-router
description	Decides which brand a deck uses (Slalom default, Composable DXP secondary, or Client custom) and prepares the brand assets. For Slalom/Composable, copies the pre-built tokens.css and logo from resources/. For Client, ingests from an attached styleguide PDF or a `.com` crawl, derives tokens, saves to WIP/[deck]/brand/. Outputs: tokens.css + logo.svg in the WIP brand folder.
type	skill
plugin	presentation-factory
tags	["type/skill","plugin/presentation-factory","scope/specialty","topic/brand-ingestion"]
status	active

When to invoke

The Frame stage orchestrator calls this skill after the user has answered "which brand."

Required context

What this skill does

If brand = Slalom

Copy resources/tokens/slalom.css → WIP/[deck]/brand/tokens.css
Copy resources/assets/slalom-logo.svg → WIP/[deck]/brand/logo.svg
Copy resources/assets/slalom-logo-white.svg → WIP/[deck]/brand/logo-white.svg
Record in 00_Intake_Brief.md: Brand: Slalom and Italic-emphasis: on

If brand = Composable DXP

Copy resources/tokens/composable-dxp.css → WIP/[deck]/brand/tokens.css
Copy resources/assets/composable-dxp-wordmark.svg → WIP/[deck]/brand/logo.svg
Copy resources/assets/composable-dxp-mark.svg → WIP/[deck]/brand/logo-mark.svg
Record: Brand: Composable DXP and Italic-emphasis: off (DXP uses Lora 700 non-italic)

If brand = Client

Two ingestion paths. Ask the user first via AskUserQuestion:

Question: "How should I pick up the client brand?"
Options:
1. I'll attach the client's brand styleguide PDF (Recommended if you have one)
2. Crawl the client's website to derive brand patterns
3. I'll provide the brand details manually (paste colors, fonts, voice notes)

Path A: PDF ingestion

Read the attached PDF using vision capabilities.
Extract:
- Primary color (the most prominent / called-out hex value)
- Secondary color + 2-3 accent colors
- Display font name (the heading/feature font)
- Body font name
- Logo — note which page has the primary logo, extract as a high-res image if possible
- Voice characteristics (3-5 words from the brand book — confident, warm, technical, etc.)
- Banned patterns (any "don't" examples in the guide)
Copy resources/tokens/client-template.css → WIP/[deck]/brand/tokens.css
Replace the /* TODO */ markers with extracted values
If logo can't be extracted as SVG, save raster as WIP/[deck]/brand/logo.png and note the limitation
Record Brand: Client:[CLIENT_NAME] and italic-emphasis flag based on whether the client uses serif-italic emphasis in their own marketing

Path B: `.com` crawl

Ask user for the client's primary URL (homepage).
Use WebFetch on: homepage, then 1-2 of (about, services, products — whichever appears in the nav).
Parse each page for:
- <style>:root { --color-... custom properties — modern sites expose tokens
- Heading/body font from <link href="...fonts.googleapis.com"> or font-family declarations
- Logo <img src> patterns (filter for "logo" in path/alt)
- Hero colors and accent patterns observed across pages
Same as Path A from step 3 onwards.

Path C: Manual entry

Ask via AskUserQuestion (or conversation):

Primary color (hex)
Secondary color (hex)
1-3 accent colors (hex)
Display font name + body font name
Anything else important (voice notes, banned patterns, italic-emphasis on/off)

Apply same template-filling pattern.

Validation before completion

After filling tokens.css, do a sanity pass:

Does the primary color have enough contrast against white (AA ratio ≥ 4.5)?
If no — flag in 00_Intake_Brief.md under "Brand caveats" and suggest using primary-deep for text-on-light.
Does the gradient have enough chroma variance to read as a gradient?
If colors are all near-identical — fall back to single-color gradient (primary light → primary deep).
Is the logo present?
If no — record a TODO and ask the user to provide one before Compose.

Output

File	Path
Brand tokens (CSS)	`WIP/[deck]/brand/tokens.css`
Logo (light)	`WIP/[deck]/brand/logo.svg` (or `logo.png`)
Logo (dark / white)	`WIP/[deck]/brand/logo-white.svg` if available

Record in 00_Intake_Brief.md (Brand section):

## Brand
- Name: [Slalom / Composable DXP / Client:Name]
- Tokens file: WIP/[deck]/brand/tokens.css
- Logo: WIP/[deck]/brand/logo.svg
- Italic-emphasis: [on / off]
- Brand caveats: [any limitations from ingestion]

Anti-patterns

Don't mix logos (e.g. Slalom logo on a client-branded deck unless explicitly co-branded)
Don't force the italic-emphasis pattern on a client brand that doesn't use it
Don't invent brand colors — if ingestion fails, ask the user; don't guess
Don't skip the contrast check — a primary color that fails AA on white breaks every title slide

pf-brand-router

When to invoke

Required context

What this skill does

If brand = Slalom

If brand = Composable DXP

If brand = Client

Path A: PDF ingestion

Path B: .com crawl

Path C: Manual entry

Validation before completion

Output

Anti-patterns

이 저장소의 다른 Skills

이 저장소의 다른 Skills

When to invoke

Required context

What this skill does

If brand = Slalom

If brand = Composable DXP

If brand = Client

Path A: PDF ingestion

Path B: .com crawl

Path C: Manual entry

Validation before completion

Output

Anti-patterns

Path B: `.com` crawl

Path B: `.com` crawl