W tym screencastie CodeKit zaczyna oglądać nasz projekt. To znacznie ułatwia wiele zadań programistycznych.
Pierwszą rzeczą, jaką robimy, jest bezstratna optymalizacja obrazu. Łatwe jedno kliknięcie.
Następnie instalujemy Compass w projekcie. Daje nam to możliwość korzystania z mikserów CSS3 dostarczonych przez Compass, zamiast konieczności tworzenia własnych, co z pewnością powinniśmy wykonać gorzej.
Być może najważniejsze jest to, że Compass (poprzez CodeKit) obserwuje teraz nasz folder projektu i automatycznie kompiluje nasze pliki .scss do plików .css, których faktycznie używamy. Dodatkową korzyścią jest to, że podczas zapisywania naszych plików .scss w naszym edytorze kodu te nowe style są automatycznie „wstrzykiwane” do strony, co jest niesamowite.