ProjectIntakeTower Visual Explainer

p5js

/home/smlflg/.hermes/profiles/mlg/skills/creative/p5js

Tech: docs/notes · Score: 31 · Risk: low · Dirty: unknown

Systembild

Originale IdeeProblem sichtbar machenBuild-SpurenGit · README · Pläne · TODOsHeutiger WertWeiterbauen oder archivierenOffener Loop: Abschlussartefakt → Verifier → Issue/Handoff

Was war die Idee?

p5.js Skill Production pipeline for interactive and generative visual art using [p5.js](https://p5js.org/).

Warum angefangen?

Gestartet, um wiederholte Arbeit zu operationalisieren: Kontext sammeln, Entscheidungen sichtbar machen und Agentenarbeit prüfbar machen.

Warum nicht fertig?

Nicht fertig, weil Abschluss-Signale fehlen: 17 TODO/FIXME-Hinweise

Was ist heute wertvoll?

Heute wertvoll als Agent-Control-System, dokumentierte Absicht

Evidence

Score-Reasons

  • 17 TODO/FIXME/WIP hints
  • README present

TODO/FIXME-Auszug

  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:83 — 4. **PREVIEW** — Open in browser, verify visual quality. Test at target resolution. Check performance
  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:169 — For **interactive generative art** (seed exploration, parameter tuning): start from `templates/viewer.html`. Read the template first, keep the fixed sections (seed nav, actions), r
  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:255 — - Open HTML file directly in browser — no server needed for basic sketches
  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:487 — 2. **Open in browser** — `open sketch.html` (macOS) or `xdg-open sketch.html` (Linux)
  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:488 — 3. **Local assets** (fonts, images) require a server: `python3 -m http.server 8080` in the project directory, then open `http://localhost:8080/sketch.html`
  • /home/smlflg/.hermes/profiles/mlg/skills/creative/p5js/SKILL.md:521 — | `templates/viewer.html` | Interactive viewer template: seed navigation (prev/next/random/jump), parameter sliders, download PNG, responsive canvas. Start from this for explorable

Storyboard: p5js-48018de1f0.md · Video: p5js-48018de1f0.mp4