diff --git a/STARTERKIT/gulpfile.js b/STARTERKIT/gulpfile.js
index da3eac6..51e4a2f 100644
--- a/STARTERKIT/gulpfile.js
+++ b/STARTERKIT/gulpfile.js
@@ -5,7 +5,8 @@
 'use strict';
 
 var importOnce = require('node-sass-import-once'),
-  path = require('path');
+  path = require('path'),
+  glob = require('glob');
 
 var options = {};
 
@@ -60,6 +61,15 @@ options.autoprefixer = {
   ]
 };
 
+// Help KSS to automatically find new component CSS files
+var cssFiles = glob.sync('*.css', {cwd: options.theme.css}),
+  cssStyleguide = [];
+
+cssFiles.forEach(function (file) {
+  file = path.relative(options.rootPath.styleGuide, options.theme.css) + '/' + file;
+  cssStyleguide.push(file);
+});
+
 // Define the style guide paths and options.
 options.styleGuide = {
   source: [
@@ -74,46 +84,7 @@ options.styleGuide = {
 
   // The css and js paths are URLs, like '/misc/jquery.js'.
   // The following paths are relative to the generated style guide.
-  css: [
-    // base/special stylesheets
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'base.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'layouts.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'chroma-kss-styles.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'kss-only.css'),
-    // component stylesheets
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'box.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'clearfix.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'comment.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'footer.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'header.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'hidden.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'highlight-mark.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'inline-links.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'inline-sibling.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'messages.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'print-none.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'responsive-video.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'visually-hidden.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'watermark.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'wireframe.css'),
-    // form stylesheets
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'autocomplete.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'collapsible-fieldset.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'form-item.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'form-table.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'progress-bar.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'progress-throbber.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'resizable-textarea.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'table-drag.css'),
-    // navigation stylesheets
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'breadcrumb.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'more-link.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'nav-menu.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'navbar.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'pager.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'skip-link.css'),
-    path.relative(options.rootPath.styleGuide, options.theme.css + 'tabs.css')
-  ],
+  css: cssStyleguide,
   js: [
   ],