Add web Skill Composer page for Bittle

[borntoleave]

Summary

• add skill_composer.html as the first web migration of desktop SkillComposer.py, focused on Bittle and English UI
• implement core interaction layer: 16-joint sliders, frame scheduler, mirror logic, repeat playback, undo/redo, and preview command generation
• refine layout based on feedback:
  • map sliders to compact joint-position layout (head/spine, leg upper/lower by LF/RF/RB/LB, aux)
  • widen right-side frame manager and table to show full columns clearly
  • add dedicated per-row Del and Add columns/buttons so frame add/delete controls are directly visible in each row
• keep local state persistence/import/export for composer data
• keep transport architecture using Web Coding Blocks patterns (serial-first: wired USB serial > Bluetooth SPP serial > WiFi)
• add portal entry link in index.html

Scope notes

• this iteration prioritizes slider interaction and internal variable/state management
• hardware communication is not hardware-validated in cloud per AGENTS cloud instruction

Validation

• syntax check: inline script in skill_composer.html parsed by Node VM
• manual UI walkthrough on http://localhost:8080/skill_composer.html?lang=en validating:
  • compact mapped slider layout
  • frame manager column visibility and row add/delete controls
  • existing interactions still working (mirror/repeat/undo/redo/import/export)
• walkthrough artifacts attached (video + screenshots)

  

[cloudflare-workers-and-pages]

Deploying petoiwebcoding with    Cloudflare Pages

Latest commit:	b58795c
Status:	✅  Deploy successful!
Preview URL:	https://6d8442fd.petoiwebcoding.pages.dev
Branch Preview URL:	https://skill.petoiwebcoding.pages.dev

View logs