Skip to content
cccskills
FreePublished on GitHub

produce

Create and refine visuals for ads, social posts, product imagery, logos, charts, and related design work. Compare distinct directions on a shared board in the Creative Production app, then select and revise preferred results.

OriginalShow the original description

Use when the user wants to create, explore, adapt, refine, polish, or review visual creative such as campaigns, ads, social posts, product imagery, scenes, offers, logos, brand systems, styles, charts, decks, or related marketing and design assets.

See how to install

Good for

  • Compare visual directions for an advertising campaign
  • Create product imagery in realistic settings
  • Explore logo and brand style options
  • Refine an existing image while preserving key details
  • Prepare final assets for a specific platform

Files included (78)

  • SKILL.md4.9 KB
  • agents/openai.yaml250 B
  • helpers/ads/scripts/build_ads_explorer.py4.0 KB
  • helpers/logos/assets/logo-explorer-app/app.js10.5 KB
  • helpers/logos/assets/logo-explorer-app/index.html1.9 KB
  • helpers/logos/assets/logo-explorer-app/server.mjs10.7 KB
  • helpers/logos/assets/logo-explorer-app/styles.css5.0 KB
  • helpers/logos/scripts/create_logo_explorer.py6.4 KB
  • helpers/moodboards/assets/mood-board-app/app.js65.5 KB
  • helpers/moodboards/assets/mood-board-app/codex-theme.css4.9 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-campaign-ideas-01.svg472 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-campaign-ideas-01.webp39.9 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-images-in-a-style-01.svg380 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-images-in-a-style-01.webp170.0 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-make-logo-from-scratch-01.svg304 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-make-logo-from-scratch-01.webp10.1 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-place-in-screen-01.webp47.5 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-place-product-01.svg527 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-place-product-01.webp23.2 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-product-detail-images-01.svg494 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-product-detail-images-01.webp54.7 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-social-ads-01.svg541 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-social-ads-01.webp38.5 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-social-post-series-01.svg468 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-social-post-series-01.webp67.6 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-template-assets-01.svg586 B
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/assets/bg-template-assets-01.webp57.9 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/empty-state-grid.css3.8 KB
  • helpers/moodboards/assets/mood-board-app/components/empty-state-grid/empty-state-grid.js8.0 KB
  • helpers/moodboards/assets/mood-board-app/components/generation-tile-state/generation-tile-state.css1.6 KB
  • helpers/moodboards/assets/mood-board-app/components/generation-tile-state/generation-tile-state.js9.1 KB
  • helpers/moodboards/assets/mood-board-app/components/starter-intake/starter-intake.css6.2 KB
  • helpers/moodboards/assets/mood-board-app/components/starter-intake/starter-intake.js10.0 KB
  • helpers/moodboards/assets/mood-board-app/generation-halftone-runtime.js3.8 KB
  • helpers/moodboards/assets/mood-board-app/index.html8.4 KB
  • helpers/moodboards/assets/mood-board-app/platform-icons.js17.3 KB
  • helpers/moodboards/assets/mood-board-app/server.mjs2.4 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-all-social-source-asset.jpg92.9 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-anvil-logo.jpg25.9 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-boutique-product-staged-photo.jpg67.4 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-cowboy-hat-phone-photo.jpg202.0 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-device-staged-photo.jpg64.1 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-multilingual-social-ad.jpg146.0 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-place-in-screen-hero.jpg100.6 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-place-in-screen-laptop.jpg96.0 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-place-in-screen-phone.jpg45.8 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-product-swap-social-ad.jpg68.1 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-seasonal-social-ad.jpg108.6 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-square-launch-graphic.jpg81.1 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-suit-phone-photo.jpg75.4 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-waterslide-product-phone-photo.jpg144.8 KB
  • helpers/moodboards/assets/mood-board-app/starter-assets/suggestion-youtube-banner-source-asset.jpg75.2 KB
  • helpers/moodboards/assets/mood-board-app/starter-intake-runtime.js15.4 KB
  • helpers/moodboards/assets/mood-board-app/styles.css34.9 KB
  • helpers/moodboards/assets/mood-board-app/theme.js1.7 KB
  • helpers/offers/references/packs/digital-product-placements.json15.1 KB
  • helpers/offers/scripts/build_offer_explorer.py21.1 KB
  • helpers/README.md547 B
  • helpers/shots/scripts/create_shot_explorer.py22.9 KB
  • helpers/styles/assets/style-explorer-app/app.js10.4 KB
  • helpers/styles/assets/style-explorer-app/index.html1.9 KB
  • helpers/styles/assets/style-explorer-app/server.mjs10.7 KB
  • helpers/styles/assets/style-explorer-app/styles.css5.0 KB
  • helpers/styles/scripts/create_style_explorer.py5.4 KB
  • references/board-runtime.md2.7 KB
  • references/contracts/deterministic-exports.md435 B
  • references/contracts/exact-content.md458 B
  • references/contracts/source-preservation.md417 B
  • references/generation/image-building-strategy.md2.4 KB
  • references/modes/ads.md610 B
  • references/modes/charts.md425 B
  • references/modes/logos.md503 B
  • references/modes/offers.md509 B
  • references/modes/positioning.md430 B
  • references/modes/scenes.md382 B
  • references/modes/shots.md480 B
  • references/modes/styles.md521 B
  • references/review-renderer.md2.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Produce

Produce is the main Creative Production workflow. It turns a concrete brief, source asset, selected board item, or starter follow-up into reviewable visual work inside the Creative Production app.

App-First Workflow

  1. If the request lacks a real subject, business, offer, campaign, source asset, or desired output, use intake to mount the zero-state board. Do not use structured intake.
  2. If enough context exists and no board is visible, call creative_production_board directly once with action=open. Do not invoke it through functions.exec; the direct MCP result carries the UI resource the host needs. Keep the returned boardId for the entire workflow.
  3. Immediately before generation starts, call the same tool with action=begin_generation and stable placeholder IDs. After each generated file exists, call action=complete_generation with the matching item ID and absolute imagePath. Use fail_generation for failed outputs. Never call open again to refresh or continue a board.
  4. Read references/board-runtime.md when creating, importing into, or refreshing a board.
  5. Choose only the conditional references that match the request. Do not load every mode.
  6. Generate through the active route. For 1 uncached native image, the coordinator uses built-in Codex ImageGen directly. Starting at 2 uncached native images, delegate generation to Desktop subagents. Keep at most 4 native-image worker threads open across the workflow, counting active workers and terminal workers not yet closed. Queue excess work in later waves. Consume and close each worker immediately when it reaches success, failure, cancellation, or NEEDS_COORDINATOR_INPUT; close terminal workers before replacements or retries. If runtime capacity is lower than expected, reduce the wave size. Validate that every returned path exists and is non-empty. Preserve successful and cached outputs. Retry only outputs that are missing or invalid, with at most 2 total attempts per output. Do not use the local /api/images endpoint for native generation. Do not use codex exec, restore runtime/codex_exec_image_batch.py, or introduce another process-based native fallback.
  7. Verify each completion receipt reports the expected boardId, item ID, and revision. Every result identifies the same widget resource and board session so the host can update the existing mounted board; the bounded refresh watcher is recovery, not the primary delivery path. Do not render or remount another board.
  8. Keep iteration, remixing, selection, and follow-up work in that same board.

Reference Routing

Load one or more mode references only when the request needs their distinct prompt or artifact guidance:

  • references/modes/ads.md for paid social, display, OOH, ecommerce, UGC, proof-led, or campaign ad directions.
  • references/modes/scenes.md for product, service, venue, or offer placement in realistic contexts.
  • references/modes/offers.md for offer-led, product-led, service-led, hero, or landing-page visual families.
  • references/modes/shots.md for angles, crops, pans, zooms, macro details, or camera variants from an anchor image.
  • references/modes/logos.md for new identity directions, marks, wordmarks, and lockups.
  • references/modes/styles.md for reusable palette, typography, texture, lighting, and visual-system directions.
  • references/modes/positioning.md for audience, occasion, proof, differentiation, and visual implication exploration.
  • references/modes/charts.md for chart-specific visual treatment that preserves data and meaning.

Load cross-cutting contracts only when their condition applies:

  • references/review-renderer.md when a helper produces a review manifest or local review page.
  • references/contracts/source-preservation.md when an existing image, selected board item, product, person, packaging, logo, or chart must remain recognizable.
  • references/contracts/exact-content.md when copy, chart values, labels, logos, claims, dimensions, or legal content must remain exact.
  • references/contracts/deterministic-exports.md when the user asks for publish-ready, platform-specific, or final exported assets.

Default Generation Shape

When no mode requires a different structure, generate 4-6 distinct visual directions. Each board tile must be one clean visual asset, not a collage, contact sheet, or mood board inside a mood board.

Use safe defaults for sparse but concrete requests. Do not invent claims, prices, certifications, endorsements, product facts, or readable copy.

Handoff

Lead with the active board and what the user should compare, select, reject, or refine next. Do not lead with local files, manifests, server URLs, or implementation details.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Review charts, diagrams, and dashboards for accessibility, including color contrast, keyboard access, and text alternatives. Get specific guidance for preserving key findings in screen readers, static exports, and reduced-motion views.

  • Reviewing dashboard colors and keyboard access
  • Writing chart alt text and long descriptions
  • Preparing accessible figures for PDF reports
openai/plugins7.5KUpdated Oct 8, 2026

Give a photo collection a consistent look using Adobe tools to adjust color, tone, presets, and optional crops. Review a before-and-after sample before processing the full set, then receive links to the edited images.

  • Giving travel photos a consistent look
  • Unifying photos taken in mixed lighting
  • Applying a warm or cinematic style across a photo set
openai/plugins7.5KUpdated Oct 8, 2026

Visualize a logo, sketch, or design on products such as mugs, shirts, and business cards. Review a pilot image, generate a visually consistent set, and collect the results on a shareable Firefly Board.

  • Preview a logo on mugs and shirts
  • Turn a hand-drawn sketch into product mockups
  • Create consistent brand presentation images
openai/plugins7.5KUpdated Oct 8, 2026

Prepare images and videos for social platforms using Adobe tools. Create image crops that keep the subject in view, expand backgrounds when available, preview a full-set sample, and resize videos while preserving their aspect ratio.

  • Creating image variants for multiple social platforms
  • Cropping photos for Instagram Stories
  • Preparing LinkedIn images and YouTube thumbnails
openai/plugins7.5KUpdated Oct 8, 2026

Create flyers, social posts, business cards, and other visuals from Adobe Express templates. Choose a template, customize its text and background color, and receive a design link, with additional editing and export options depending on the available tools.

  • Creating an event flyer
  • Designing an Instagram post
  • Customizing business card text and colors
openai/plugins7.5KUpdated Oct 8, 2026

Turn an uploaded video into three highlight edits with Adobe Quick Cut. Choose a target length and style, then compare versions that feature different moments and download the ones you prefer.

  • Creating a short highlight video for social media
  • Condensing interview footage into a highlight reel
  • Comparing three edits with different moment selections
openai/plugins7.5KUpdated Oct 8, 2026

See all skills by openai

Report a problem with this skill