diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..a1e048f
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,22 @@
+const bower = require('gulp-bower');
+const browserSync = require('browser-sync');
+const cleanCss = require('gulp-clean-css');
+const gulp = require('gulp');
+const rename = require('gulp-rename');
+const sass = require('gulp-sass');
+
+gulp.task('default', ['stylesheet']);
+
+gulp.task('stylesheet', function () {
+    return gulp.src('./assets/stylesheets/index.scss')
+        .pipe(sass().on('error', sass.logError))
+        .pipe(rename('index.bundle.css'))
+        .pipe(gulp.dest('./assets/stylesheets/'))
+        .pipe(cleanCss())
+        .pipe(rename('index.bundle.min.css'))
+        .pipe(gulp.dest('./assets/stylesheets/'));
+});
+
+gulp.task('watch', ['default'], function () {
+    gulp.watch('./assets/stylesheets/**/*.scss', ['stylesheet']);
+});
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..f1fbfbf
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "loopback.moe",
+  "version": "0.0.1",
+  "description": "",
+  "main": "",
+  "dependencies": {},
+  "devDependencies": {
+    "gulp": "^3.9.1",
+    "gulp-clean-css": "^2.0.13",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^2.3.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/amphineko/loopback.moe.git"
+  },
+  "scripts": {
+    "postinstall": "bower install"
+  },
+  "author": "Naoki Rinmous <sukareki@gmail.com>",
+  "license": "MIT",
+  "homepage": "https://loopback.moe/"
+}