diff --git a/frontend/lib/views/skill_tree/tree_node_view.dart b/frontend/lib/views/skill_tree/tree_node_view.dart
new file mode 100644
index 00000000..9f32582d
--- /dev/null
+++ b/frontend/lib/views/skill_tree/tree_node_view.dart
@@ -0,0 +1,32 @@
+import 'package:auto_gpt_flutter_client/viewmodels/skill_tree_viewmodel.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class TreeNodeView extends StatelessWidget {
+  final int nodeId;
+  final bool selected;
+
+  TreeNodeView({required this.nodeId, this.selected = false});
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: () {
+        print('Node $nodeId clicked');
+        Provider.of<SkillTreeViewModel>(context, listen: false)
+            .toggleNodeSelection(nodeId);
+      },
+      child: Container(
+        padding: EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: selected ? Colors.red : Colors.white,
+          borderRadius: BorderRadius.circular(4),
+          boxShadow: [
+            BoxShadow(color: Colors.red, spreadRadius: 1),
+          ],
+        ),
+        child: Text('Node $nodeId'),
+      ),
+    );
+  }
+}