Zen-based framework for html/css design mockups

Hey all. I am new to this group but a long-time Zen user.

This is sort of tangent to the Zen project itself but maybe a useful topic/project for this group. A while back I created a little system for designing html/css mockups in a Zen way. I use this for designs that will eventually become Zen-themed Drupal sites. I'm calling it Zen Boilerplate after the HTML5 Boilerplate framework. Here it is on github: https://github.com/sffitzpatrick/zen-boilerplate/.

The idea is that it uses all the Zen Starterkit sass/compass, same directory structure, and the markup is as close as possible to that of Zen's templates.

Is it just me or do we need a system like this? My team has jumped on the bandwagon to move our whole design process into the browser (i.e., no more Photoshop mockups!), so a system like this makes a lot of sense if we know the design is going to end up as a Zen theme.

I wonder if this seems like a useful idea to anyone else? I could see some other pieces going into this too, like a wireframing framework and Style Tiles (i.e., a Zen-based version of this: http://codepen.io/jeradg/pen/rFqat)

I'm curious if anyone has any thoughts on this? Is anyone doing something similar? If not, is there some other typical path for moving from HTML-based designs into Zen theme?

Thanks!

Sean