Styleguide.

Uma ferramenta para criar e manter style guides facilmente.

Casos de uso

Styleguide vivo

Feito! Tudo que você precisa fazer é incluir o Styleguide em uma pasta separada em seu projeto. Use-o como seu CSS, basta importar o arquivo gerado em seu HTML e é isso!

Dessa forma o seu Styleguide ficará sincronizado com o seu projeto, não é demais?

Website existente

Pois é, todos nós sabemos essa sensação. Sem problemas! Copie o CSS do seu projeto e cole ele no arquivo CSS do Styleguide. A partir daí basta configurar os módulos para usar as classes corretas.

E claro, você sempre pode criar/editar módulos quando precisar.

Me dê um logo

O Styleguide também é um projeto independente, você pode baixar ele e usá-lo em seu navegador. A partir daí você vai editar o CSS nele e configurar os módulos.

No fim, ou envie os arquivos para um servidor ou use a versão HTML.

    96 e contanto!