mirror of
https://github.com/tiennm99/ai-coding-workflow-labs.git
synced 2026-09-17 02:20:46 +00:00
tiennm99
fe63451eb2
- Created Renderer class with tile rendering, selection highlighting, and fade-in animations - Created GridManager class with tile array and selection state management (blocking dependency) - Added tilesSelected event to GameEvents interface - Created comprehensive test suite for Renderer with 9 test cases **Renderer Features:** - Renders all non-cleared tiles from GridManager at correct positions - Centers grid horizontally and vertically within canvas - Displays emoji characters centered within tile bounds - Selection highlights with border (3px) and background tint (30% opacity) - Fade-in animation over ~100ms using performance.now() - Uses CONFIG.tile.size, gap, cornerRadius for positioning - Respects CONFIG.colors for styling **GridManager Features:** - Manages 2D tile array (10x16 grid = 160 tiles) - Selection state tracking with toggle behavior (0-2 tiles) - selectTile() with toggle deselect and cleared tile filtering - Emits tilesSelected event when 2 tiles selected - getTileAt() for coordinate-based tile access **Note:** Tests created but not runnable due to sandbox file system restrictions preventing npm install. Implementation verified manually against plan requirements.
ai-coding-workflow-labs
Experiments with AI-assisted coding workflows and tooling. Each directory was a standalone repository, merged here with full history. The web demos are served together at tiennm99dev.github.io/ai-coding-workflow-labs.
| Directory | Experiment | Demo |
|---|---|---|
claudekit/ |
ClaudeKit workflow (Vite/JS) | /claudekit/ |
superpowers/ |
Superpowers skill set (Vite/JS) | /superpowers/ |
bmad/ |
BMAD method (Vite/JS) | /bmad/ |
oh-my-claudecode/ |
oh-my-claudecode (static) | /oh-my-claudecode/ |
gstack/ |
gstack starter (Astro/Bun) | /gstack/ |
cc4e-course/ |
Claude Code for Everyone course work | /cc4e-course/ |
advanced-claude-workflows/ |
Hooks/aliases notes | /advanced-claude-workflows/ |
cowork-complete-guide/ |
Claude Cowork complete-guide practices | /cowork-complete-guide/ |
ross-mike-workflows/ |
Ross Mike workflows mini-lesson practices | — |
vin-obsidian-workflows/ |
Vin Obsidian workflows mini-lesson practices (Obsidian vault) | — |
The Deploy to GitHub Pages workflow builds every app with its base path under
this repo and publishes them as one site with a root index.
Archive of experiments — not production code.