diff --git a/modules/core/client/directives/score-level.client.directive.js b/modules/core/client/directives/score-level.client.directive.js
new file mode 100644
index 00000000..7f42ac93
--- /dev/null
+++ b/modules/core/client/directives/score-level.client.directive.js
@@ -0,0 +1,25 @@
+(function () {
+  'use strict';
+
+  angular.module('core')
+    .directive('scoreLevel', scoreLevel);
+
+  function scoreLevel() {
+    var directive = {
+      restrict: 'A',
+      link: link
+    };
+
+    return directive;
+
+    function link(scope, element, attrs) {
+      scope.$watch(attrs.scoreLevel, function (level) {
+        var l = 'L' + attrs.scoreLevel;
+        l = '<kbd>' + l + '</kbd>';
+
+        element.addClass('score-level');
+        element.html(l);
+      });
+    }
+  }
+}());