Coding · AI · February 2026

Knowledgeworker HTML5 Asset Playbook

  • Vite
  • Vanilla JS
  • Knowledgeworker API
  • Claude Code
  • Antigravity
  • HTML5

Role: Concept · Architecture · Coding · Documentation · Workflow Design

Knowledgeworker HTML5 Asset Playbook

Custom HTML5 learning assets are useful when an authoring tool reaches its limits, but they easily become expensive one-off implementations. Repeated setup, inconsistent API handling and undocumented packaging decisions create unnecessary friction across projects.

I designed the Knowledgeworker HTML5 Asset Playbook as a reusable development system rather than another individual asset. It defines a common project structure for Knowledgeworker Create integrations, LMS design tokens, local testing, packaging and delivery so new components can start from proven constraints instead of rebuilding the same foundation.

The system includes templates, implementation guidance and instructions for AI coding assistants. Developers and coding agents therefore work within the same technical and visual boundaries. That matters particularly for generated code: the playbook gives the assistant explicit conventions for the host platform instead of relying on generic web-development assumptions.

The toolkit is used in chemmedia customer projects. Its value is less about any single interaction and more about making custom learning-component development repeatable, easier to review and easier to hand over while retaining the flexibility of regular web technology.

This project represents a recurring theme in my work: when I see the same production problem appearing across projects, I try to turn the solution into infrastructure that improves the next project as well.