From ads-visual-fs
Activates during /create and /campaign workflows when the user needs to choose a visual style for ad creation. Provides 4 predefined styles (Warm Showcase, Bold Professional, Tech Forward, Aspirational Shadow) plus Custom. Each style defines required visual elements, composition, layout, and mood.
npx claudepluginhub jeffrey94/jeffrey-skills --plugin ads-visual-fsThis skill uses the workspace's default tool permissions.
Predefined visual styles for FS ad creatives. Each style defines a repeatable visual system — the required elements, composition structure, reference layout, and mood that make ads from the same campaign look cohesive.
Compiles mood boards with visual inspiration, color palettes, typography references for creative concepts like campaigns, rebrands. Useful for early concepting, stakeholder presentations.
Generates 5 professional ad photography styles (Studio, Floating, Ingredient, In Use, Lifestyle) from product images or descriptions using banana-claude image generation.
Generates complete visual design systems including style guides and AI assets through phased workflow: discovery, synthesis, documentation, asset generation, assembly. Activates on design system, style guide, or color palette mentions.
Share bugs, ideas, or general feedback.
Predefined visual styles for FS ad creatives. Each style defines a repeatable visual system — the required elements, composition structure, reference layout, and mood that make ads from the same campaign look cohesive.
During /create and /campaign workflows, after visual element selection (Pattern B) and before concept generation. The user selects a style preset, and it becomes the primary visual direction for all generated concepts.
NOT used by /reimagine, /competitor-reference, /refine, or /resize — those derive visual direction from the source/reference image.
ask-user-protocol/SKILL.mdreferences/ — you are multimodal, view it directlyreferences/style-directory.md) to concept-generation as the primary visual direction| Style | Required Elements | Mood |
|---|---|---|
| Warm Showcase | Photo-real person + 3D props + organic blob frame + solid bg | Friendly, relatable, micro-SME |
| Bold Professional | Photo-real person + teal rounded-rect photo mask + trust badge pill + gradient bg | Corporate, polished, established |
| Tech Forward | Person + phone/device mockup + person breaks out of device + gradient bg | Digital transformation, growth |
| Aspirational Shadow | 3D rendered subject + dream-shadow + light/neutral bg + pastel accents | Minimal, editorial, aspirational |
See references/style-directory.md for full definitions including composition rules, photography direction, layout, and prompt injection fragments.
Each style has a bundled reference image. Always read the reference image for the selected style before generating concept prompts (so you understand the visual system):
references/style-1-warm-showcase.jpgreferences/style-2-bold-professional.pngreferences/style-3-tech-forward.pngreferences/style-4-aspirational-shadow.pngAfter the user selects a style, ask whether to pass the style reference image to Gemini as a --ref argument. This improves composition consistency but may cause the reference's specific subject to bleed into the output.
Use AskUserQuestion:
--ref with --strength 0.3. Gemini sees the visual system and matches it more closely.If the user selects "Use style reference", pass it as --ref alongside the FS logo (if logo was selected in visual elements):
--ref <style-reference-image> <fs-logo.png>
If "Text prompt only", pass only the FS logo (if selected):
--ref <fs-logo.png>
FS Logo handling: When the design includes the FS logo (selected in Pattern B visual elements), the logo MUST always be passed as --ref regardless of the style reference decision. The style reference and logo are independent — both can be passed together.
Style and concept level are orthogonal:
The style's Prompt Injection Fragment is included in EVERY concept prompt regardless of level.