Как конвертировать html в css?
Как фронтенд-разработчик со стажем, говорю вам, это совершенно лишнее и так никто не делает. Что вас удручает, то что 2 раза приходится писать названия классов, один раз в html, второй раз в css? Это вовсе не плохо, когда идет интенсивный рабочий процесс, такие казалось бы задержки идут только в плюс, пока вы пишите название класса, переносите его в css (ctrl+c, ctrl+v), вы обдумываете этот класс, его содержимое. Очень часто в этот момент вы решаете что-то изменить, переименовать класс или вообще убрать. Вот где гибкость разработки. А то что вы хотите - это банально не удобно.
Вот что нашел
https://github.com/jrobertson/html-to-css 
https://github.com/akella/grunt-htmltosass