---
name: word-dissolve-poster
description: Generate and customize an offline word dissolve poster with a reusable HTML canvas template and direct manipulation controls.
---

# Word Dissolve Poster

Use this skill for a self-contained, interactive visual component. Preserve its meaningful state transitions when adapting it to an existing page; change copy and styling to fit the user's product.

Generate with Python 3.10+ from any working directory:

```bash
python3 /absolute/path/word-dissolve-poster/scripts/generate.py -o ./index.html --accent '#e9ff68' --density 4
```

`--title` replaces the full heading as plain text (1–300 characters). `--accent` accepts only a six-digit hex color. `--density` accepts 3–8. Open the output directly in a browser; append `?lang=en` for English controls. No package installation or server is required.

Read [design notes](references/design.md) when changing the animation, layout, or interaction model. Keep the semantic HTML controls outside canvas, preserve visible focus and keyboard alternatives, and keep the reduced-motion static endpoints meaningful. Stop animation on hidden tabs and after each bounded demonstration. Customize the template in `templates/index.template.html`, then regenerate rather than editing only the preview.