From 7668100fb6418686d6fdc432234ea865ccb5d887 Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Thu, 6 Aug 2026 18:33:32 +0200
Subject: [PATCH] feat(skills): lists skills component of portfolio

---
 frontend/src/components/portfolio/Skills.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 frontend/src/components/portfolio/Skills.tsx

diff --git a/frontend/src/components/portfolio/Skills.tsx b/frontend/src/components/portfolio/Skills.tsx
new file mode 100644
index 0000000..6c0031b
--- /dev/null
+++ b/frontend/src/components/portfolio/Skills.tsx
@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+
+interface SkillsProps {
+    label: string;
+}
+
+export default function Skills({ label }: SkillsProps): ReactElement {
+    return (
+        <span className="border border-ctp-text rounded-full px-3 py-1 text-sm text-ctp-text transition-colors duration-300 hover:border-ctp-green hover:text-ctp-green">
+            {label}
+        </span>
+    );
+}