byBasket

Хорошее техническое задание -- очень обтекаемый термин. "Хорошим" можно было бы назвать техническое задание, отвечающее некоторым требованиям. А вот уже эти требования в зависимости от масштаба разрабатываемого продукта, методологии разработки, заказчика/исполнителя и других факторов могут сильно отличаться.

Так, например, если вы работаете с государственным или окологогосударственным заказчиком/исполнителем, весьма вероятно, вам придётся подготовить ТЗ в соответствии с требованиями ГОСТ-19 и 34 (в особенности ГОСТ 34.602-89 и ГОСТ 19.201-78), которые предполагают создание очень формальных и подробных документов.

Если же вы работаете не по водопаду или подобным методологиям, а используете подходы Agile, весьма вероятно, что детальное и проработанное от общих вещей до самых мелочей ТЗ вам не подойдёт, так как оно не будет обеспечивать требуемую гибкость подхода.

Для какой-нибудь дизайнерской разработки (стиль, лого, графика), когда велика изначальная неопределённость, что же требуется сделать, лучшим вариантом может являться вообще достаточно общий бриф.

Резюмируя: определитесь с требованиями к ТЗ, а, отталкиваясь от них, уже можно искать какие-то варианты.

Вам уже наверное не актуально, но может пригодится другим.
Js

$(function(){
    	$('.your-class').slick({
            slidesToShow: 4,
            slidesToScroll: 1,
            appendArrows: $('.your-class-arrow'),
            prevArrow: '<button id="prev" type="button" class="btn btn-juliet"><i class="fa fa-chevron-left" aria-hidden="true"></i> Туда</button>',
            nextArrow: '<button id="next" type="button" class="btn btn-juliet">Сюда <i class="fa fa-chevron-right" aria-hidden="true"></i></button>'
    	});
    });

Html

<div class="your-class">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
<div class="your-class-arrow"></div>

В данном случае кнопки будут под слайдером. Остальное через css.

В большинстве случаев верстка под CMS это верстка с учетом особенностей движка и его "требований" по стилям.
Пример из жизни - для сайта на битриксе была сделана верстка. При натяжке оказалось, что прописанный в css фон сайта появляется в визуальном редакторе битрикса из-за пересечения стилей. После того как в шаблоне сайта был переименован основной контейнер и соответствующий стили, все стало нормально.
Т.е. ваша верстка не должна перекрывать стандартные стили служебных частей движка.