关于个人组件库的问题

Question

背景是：我想创建一个个人用的组件库，里面包含平常自己需要用到的组件demo(比如：list-table;btn-box之类的)，但是随着组件库的内容越来越多，我发现各种问题出现了（主要是还是冗余太多，对于一个有轻微强迫症的人来说，心里始终有些不爽）。于是我就想找出问题所在，这个组件库是我第一次搞的，里面不仅包含我的HTML组件，还包含了我学习一些技术的笔记（比如JQ,JS,REACT,这类的）。在建立之初因为没有一个很好的创建规范，于是就出现了这种样式无法复用的，各种蛋疼的冗余，命名不规范的问题。如今想重新创一个，但是，对建立规范又没有一个很好的概念。想请各位大神，帮我完善一下。

下面是关于HTML这一模块的标准。请大家指正（希望大家能体谅一下菜鸟屌丝的痛苦）：

一、建立统一

    1.建立基础模块框架（模块组件库）

    2.统一颜色基调

    3.统一字体颜色标准和字体尺寸

    4.至少2个样式表style.css(公用)、theme.css

二、模块细分

    PC：    

    1.表格(table)：

        A.水平列表(list-table)

            a.table

        B.左右数据展示表格(list-dl)

            b.dl

    2.主标题（title）

        A.<div class='title'></div>

        二级标题(sub-title)

    3.菜单（nav）

        <div class='nav'>

            <div></div>
            <div></div>
            <div>

                    <div class='sub-nav'></div>

            </div>

        </div>

    4.提示(tip)

        <div class='tip'></div>

    5.容器

        A.最外层（container）

        B.模块(panel)

        C.组件(box)

这篇提问文，是我建立一半的时候，突然想到，我觉得自己如果摸索的话，也许可以完善（菜鸟的眼界），但是始终不够规范，但是如果由大神们指出的，那么俺就有自信多啦