diff --git a/package.json b/package.json
index 95e556da5d..50b6ebf6fd 100644
--- a/package.json
+++ b/package.json
@@ -52,9 +52,10 @@
     "ui/tournamentSchedule",
     "ui/tournamentCalendar",
     "ui/tree",
+    "ui/@build/cssProject",
+    "ui/@build/jsProject",
     "ui/@build/tsProject",
     "ui/@build/tsPlugins",
-    "ui/@build/jsProject",
     "ui/@types/lichess"
   ]
 }
diff --git a/ui/gulp/cssProject.js b/ui/@build/cssProject/index.js
similarity index 100%
rename from ui/gulp/cssProject.js
rename to ui/@build/cssProject/index.js
diff --git a/ui/@build/cssProject/package.json b/ui/@build/cssProject/package.json
new file mode 100644
index 0000000000..7d4665e5bb
--- /dev/null
+++ b/ui/@build/cssProject/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@build/cssProject",
+  "version": "2.0.0",
+  "private": true,
+  "author": "Thibault Duplessis",
+  "license": "AGPL-3.0",
+  "main": "index.js",
+  "dependencies": {
+    "gulp": "^4",
+    "gulp-sass": "^4.0.2",
+    "gulp-sourcemaps": "^2.6.4",
+    "gulp-autoprefixer": "^6.0.0",
+    "gulp-rename": "^1.4.0"
+  }
+}
diff --git a/ui/challenge/gulpfile.js b/ui/challenge/gulpfile.js
index 7f8a695edc..9e788a0a22 100644
--- a/ui/challenge/gulpfile.js
+++ b/ui/challenge/gulpfile.js
@@ -1,2 +1,2 @@
 require('@build/tsProject')('LichessChallenge', 'lichess.challenge', __dirname);
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);
diff --git a/ui/dasher/gulpfile.js b/ui/dasher/gulpfile.js
index f899b2f26d..3c0137f689 100644
--- a/ui/dasher/gulpfile.js
+++ b/ui/dasher/gulpfile.js
@@ -1,3 +1,2 @@
 require('@build/tsProject')('LichessDasher', 'lichess.dasher', __dirname);
-
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);
diff --git a/ui/editor/gulpfile.js b/ui/editor/gulpfile.js
index 44d4e6546e..e8a00d4c88 100644
--- a/ui/editor/gulpfile.js
+++ b/ui/editor/gulpfile.js
@@ -1,3 +1,2 @@
 require('@build/jsProject')('LichessEditor', 'lichess.editor', __dirname);
-
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);
diff --git a/ui/notify/gulpfile.js b/ui/notify/gulpfile.js
index 347fec8fdb..7d54dcfbe9 100644
--- a/ui/notify/gulpfile.js
+++ b/ui/notify/gulpfile.js
@@ -1,3 +1,2 @@
 require('@build/tsProject')('LichessNotify', 'lichess.notify', __dirname);
-
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);
diff --git a/ui/site/gulpfile.js b/ui/site/gulpfile.js
index 40bb0a080f..eac07d5e91 100644
--- a/ui/site/gulpfile.js
+++ b/ui/site/gulpfile.js
@@ -12,7 +12,7 @@ const concat = require('gulp-concat');
 const exec = require('child_process').exec;
 const fs = require('fs');
 
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);
 
 const browserifyOpts = (entries, debug) => ({
   entries: entries,
diff --git a/ui/tournament/gulpfile.js b/ui/tournament/gulpfile.js
index 3747f8f777..ad042e1888 100644
--- a/ui/tournament/gulpfile.js
+++ b/ui/tournament/gulpfile.js
@@ -1,3 +1,2 @@
 require('@build/tsProject')('LichessTournament', 'lichess.tournament', __dirname);
-
-require('../gulp/cssProject.js')(__dirname);
+require('@build/cssProject')(__dirname);