Custom Client Library Sightly templates in AEM

CustomSightlyClientLib.html

<!--/*
    For the entire file, see: https://github.com/nateyolles/aem-clientlib-async/blob/master/clientlib-async/apps/clientlib-async/sightly/templates/clientlib.html
*/-->
<template data-sly-template.all="${@ categories='Client Library categories',
                                     loading='Accepts async and defer',
                                     onload='JavaScript to run for async and defer',
                                     crossorigin='Accepts anonymous and use-credentials'}">
    <section data-sly-test="${request.getResourceResolver}"
             data-sly-use.clientlib="${'/apps/clientlib-async/sightly/templates/graniteClientLib.html'}"
             data-sly-call="${clientlib.include @ categories=categories, loading=loading, onload=onload, crossorigin=crossorigin}"
             data-sly-unwrap>
    </section>
</template>

<!--/*
    For the entire file, see: https://github.com/nateyolles/aem-clientlib-async/blob/master/clientlib-async/apps/clientlib-async/sightly/templates/graniteClientlib.html
*/-->
<template data-sly-template.include="${@ categories='Client Library categories',
                                         mode='optional: JS or CSS, case-insensitve',
                                         loading='optional: JS async or defer',
                                         onload='optional: JS to run for async and defer',
                                         crossorigin='optional: accepts anonymous and use-credentials'}"
    data-sly-use.clientlib="${'apps.clientlib_async.sightly.templates.ClientLibUseObject' @ categories=categories, mode=mode, loading=loading, onload=onload, crossorigin=crossorigin}">
${clientlib.include @ context='unsafe'}
</template>