diff --git a/src/vs/workbench/contrib/character/character.css b/src/vs/workbench/contrib/character/character.css
new file mode 100644
index 0000000000000..7352f63f8f1ad
--- /dev/null
+++ b/src/vs/workbench/contrib/character/character.css
@@ -0,0 +1,22 @@
+.character {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.speed-indicator,
+.attack-indicator {
+ margin: 5px;
+ padding: 10px;
+ border: 1px solid #000;
+ border-radius: 5px;
+ background-color: #f0f0f0;
+}
+
+.speed-indicator {
+ color: #007bff;
+}
+
+.attack-indicator {
+ color: #dc3545;
+}
diff --git a/src/vs/workbench/contrib/character/character.html b/src/vs/workbench/contrib/character/character.html
new file mode 100644
index 0000000000000..c9b7311225a08
--- /dev/null
+++ b/src/vs/workbench/contrib/character/character.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Character
+
+
+
+
+
Speed: 10
+
Attack: 5
+
+
+
+
diff --git a/src/vs/workbench/contrib/character/character.test.ts b/src/vs/workbench/contrib/character/character.test.ts
new file mode 100644
index 0000000000000..4994126529a23
--- /dev/null
+++ b/src/vs/workbench/contrib/character/character.test.ts
@@ -0,0 +1,19 @@
+import { Character } from './character';
+
+describe('Character', () => {
+ let character: Character;
+
+ beforeEach(() => {
+ character = new Character(10, 5);
+ });
+
+ it('should increase speed', () => {
+ character.increaseSpeed(5);
+ assert.equal(character.speed, 15);
+ });
+
+ it('should increase attack', () => {
+ character.increaseAttack(3);
+ assert.equal(character.attack, 8);
+ });
+});
diff --git a/src/vs/workbench/contrib/character/character.ts b/src/vs/workbench/contrib/character/character.ts
new file mode 100644
index 0000000000000..44cfd7351844f
--- /dev/null
+++ b/src/vs/workbench/contrib/character/character.ts
@@ -0,0 +1,17 @@
+export class Character {
+ speed: number;
+ attack: number;
+
+ constructor(speed: number, attack: number) {
+ this.speed = speed;
+ this.attack = attack;
+ }
+
+ increaseSpeed(amount: number): void {
+ this.speed += amount;
+ }
+
+ increaseAttack(amount: number): void {
+ this.attack += amount;
+ }
+}