Turn a base hue into five calculated color harmonies, with a moving color wheel and exact hex swatches. A base hue, saturation and lightness feed an explicit HSL-to-RGB conversion. Authored harmony rules choose hue offsets or lightness levels; the same calculated values color the wheel markers, swatches and hexadecimal labels. Five timed stages change the relationship rather than swapping in unrelated palette images. Optional new sound can be quoted through PopNow; the procedural artwork renders locally.

Uses PopNow for
Music & voice
Needs
Node.js · FFmpeg · Chrome

Generation is optional when you have suitable input material.

v1.0.0 · Updated Oct 26, 2026 · 133 KB · Use it for personal and client work; please don't resell or share the package.

What you get

  1. A local 20-second H.264 MP4 export and native wide/portrait projects.

  2. Editable scene source, JSON controls and mechanism tests.

  3. A decoded poster, eight-frame contact sheet, portable HTML playback project and render receipt.

Good for

  • Make a color-process film, an educational palette reveal or a visual study for a design presentation
  • The ring, connector geometry and rounded swatches are built locally

Not for

  • HSL geometry is not perceptually uniform, and the film performs no accessibility or print-gamut certification.
  • The playback page is a preview, not a visual palette editor; change project JSON and rebuild.

How it works

Includes a local renderer

  1. Set the inputs

    Choose a base hue, saturation, lightness and five harmony stages, or use the included warm-to-cool example.

  2. Build the composition

    Validate the project, then render its native wide or portrait composition locally.

  3. Review and finish

    Watch the full MP4 and contact sheet. Add owned or approved audio only if wanted.

How the workflow runs

How Palette Choreography Film works

A base hue, saturation and lightness feed an explicit HSL-to-RGB conversion. Authored harmony rules choose hue offsets or lightness levels; the same calculated values color the wheel markers, swatches and hexadecimal labels. Five timed stages change the relationship rather than swapping in unrelated palette images.

What's inside the skill

What you can change

  • Edit HSL input values for calculated RGB colors.
  • Choose five supported harmony stages.
  • wheelSize changes wheel geometry.

What to review before delivery

  • Tests compare known red, green and blue wheel samples and verify the triadic offsets.
  • Changing the base hue or saturation changes actual SVG colors; unknown harmony names are rejected.

See the package files

These are selected working files from this edition, with their actual role. The complete download also contains instructions and applicable license notices.

  • The scene geometry, timing and mechanism validator.

    scripts/composition.mjs
  • The editable wide example and its actual controls.

    examples/project.json
  • Changed-input, invariant and portable-rebuild checks.

    scripts/mechanism.test.mjs
  • Control ranges, artistic decisions and model boundaries.

    references/inputs.md

Why use this skill

Start with this package

Rule selection, wheel positions, swatch fills and color labels are already linked to one calculation. This avoids manually editing several disconnected diagrams when the base hue changes.

What PopNow adds

Use PopNow for the missing Music & voice in this workflow. Keep adequate material you already own, then bring new assets back into the editing and assembly steps described here.

Compare the options

A prompt, your own skill, or this workflow?

Start with a prompt

Your agent can create from a plain request. The brief, visual rules, asset choices, output format and review process still need to be established for that project.

Write your own skill

You choose and maintain the reusable instructions, defaults, file structure and checks. This is useful when your process needs different rules or integrations.

A workflow created for PopNow

This workflow was built for PopNow. Its source files, included dependencies and applicable notices are part of the package; the scope described below belongs to this edition.

Guide reviewed Oct 25, 2026

What will this cost?

The supplied geometry renders locally. New music, ambience or narration is optional and quoted through PopNow; adequate owned audio can be mixed afterward. Computer and Agent costs depend on your setup.

Generation is optional when you have suitable input material. Free skill. New media is quoted before it runs.

The skill package

Free to install under your account's download allowance. The package license covers your own and client work; redistribution is excluded.

Existing assets and local work

Reusing suitable assets, editing files and running local assembly do not call a PopNow generation model. Your computer and any required runtime still do the work.

New AI images, clips or sound

Quoted for the actual model, inputs, count, duration and resolution. Extra alternatives, revisions or optional enhancement passes can add generation requests.

Your agent and hosting

Any subscription, hosted computer, deployment or other provider fee belongs to that service. Installing this skill does not include those services.

Check the cost of your version first

Your assistant can inspect the available models and quote the exact request first. You choose which optional passes to include and approve spending before generation.

Ask your assistant

  • Use the PopNow skill "Palette Choreography Film" for my project. List the inputs you can reuse, quote only the missing media, show the quoted total and flag any unpriced steps. Separate optional enhancements, and wait for my approval before starting anything paid.

How PopNow billing works

Connections using a PopNow API key, including API-key MCP connections, spend from the separate API balance in USD. A ChatGPT or Claude connection authorized through OAuth spends website credits. These balances are separate; the quote shown by your connection is the approval basis.

Download allowances and current account conditions apply. A free package does not mean unlimited free generation.

How to use it

You say

  • Use the PopNow skill "Palette Choreography Film" (palette-choreography-film) for this: Make the included 20-second scene, then show a version with one structural control changed. Keep the model limits clear and quote any optional new sound first.

Then try

  • baseHue from 0 to 359 changes the computed hue family.

  • Keep all five swatches visible and labels separated from their rounded cards.

What to have ready

  • Choose a base hue, saturation, lightness and five harmony stages, or use the included warm-to-cool example.
  • Node 22.12+, Chrome or Chromium, FFmpeg and ffprobe.
  • The new film examples use ASCII text. Accents and other scripts need a suitable font plus input and layout adjustments.

Similar skills

View all →

Ratings

No ratings yet. Installed it? Be the first to rate it.

Rate this skill

Questions

Are the swatch colors calculated or chosen by a model?

They are calculated locally from the supplied HSL values and harmony offsets. The swatch fill and its hexadecimal label use the same RGB result.

Why do some stages repeat a hue?

Complementary, split and triadic rules contain fewer than five hue families. Repeated families use lightness variation to fill the five-card composition.

Does it guarantee accessible interface colors?

No. HSL relationships describe the palette construction. Contrast, perceptual balance, display differences and print reproduction require separate checks.

What is already packaged in Palette Choreography Film?

The scene geometry, timing and mechanism validator. The editable wide example and its actual controls. Changed-input, invariant and portable-rebuild checks. Control ranges, artistic decisions and model boundaries.

Which parts of Palette Choreography Film can add a charge?

The supplied geometry renders locally. New music, ambience or narration is optional and quoted through PopNow; adequate owned audio can be mixed afterward. Computer and Agent costs depend on your setup. Connections using a PopNow API key, including API-key MCP connections, spend from the separate API balance in USD. A ChatGPT or Claude connection authorized through OAuth spends website credits. These balances are separate; the quote shown by your connection is the approval basis.

How does Palette Choreography Film differ from writing a prompt or my own skill?

Rule selection, wheel positions, swatch fills and color labels are already linked to one calculation. This avoids manually editing several disconnected diagrams when the base hue changes.