diff --git a/src/components/organisms/HomePanel/HomePanel.tsx b/src/components/organisms/HomePanel/HomePanel.tsx
index ad1c5a27..b1083616 100644
--- a/src/components/organisms/HomePanel/HomePanel.tsx
+++ b/src/components/organisms/HomePanel/HomePanel.tsx
@@ -158,14 +158,25 @@ const HomePanel = ({
                                             style={{ width: 48, height: 48 }}
                                         ></div>
                                     ) : (
-                                        <Image
-                                            src={`/icons/${
-                                                darkMode ? 'dark' : 'light'
-                                            }/add-skill.svg`}
-                                            alt={'add'}
-                                            width="48"
-                                            height="48"
-                                        />
+                                        <Link
+                                            href={{
+                                                pathname: `/skills/${context}/${name}`,
+                                                query: !data.length &&
+                                                    context === 'mine' && {
+                                                        add: true,
+                                                    },
+                                            }}
+                                            className={`flex flex-auto flex-row justify-center w-4/5 cursor-pointer`}
+                                        >
+                                            <Image
+                                                src={`/icons/${
+                                                    darkMode ? 'dark' : 'light'
+                                                }/add-skill.svg`}
+                                                alt={'add'}
+                                                width="48"
+                                                height="48"
+                                            />
+                                        </Link>
                                     )}
                                 </div>
                             )}
@@ -224,11 +235,22 @@ const HomePanel = ({
                                 </div>
                             ) : (
                                 <div className="flex flex-auto flex-row justify-center py-4 px-2 order-6 h-1/3">
-                                    <p className="text-center">
-                                        {context !== 'mine'
-                                            ? t('home.noSkill')
-                                            : t('home.addSkill')}
-                                    </p>
+                                    <Link
+                                        href={{
+                                            pathname: `/skills/${context}/${name}`,
+                                            query: !data.length &&
+                                                context === 'mine' && {
+                                                    add: true,
+                                                },
+                                        }}
+                                        className={`cursor-pointer`}
+                                    >
+                                        <p className="text-center">
+                                            {context !== 'mine'
+                                                ? t('home.noSkill')
+                                                : t('home.addSkill')}
+                                        </p>
+                                    </Link>
                                 </div>
                             )}
                             <div
diff --git a/src/components/organisms/charts/scatter/ScatterChart.tsx b/src/components/organisms/charts/scatter/ScatterChart.tsx
index 23877b8b..916d9431 100644
--- a/src/components/organisms/charts/scatter/ScatterChart.tsx
+++ b/src/components/organisms/charts/scatter/ScatterChart.tsx
@@ -71,6 +71,7 @@ const SkillzScatterChart = ({
                     bottom: 20,
                     left: 20,
                 }}
+                style={{ cursor: 'pointer' }}
             >
                 <CartesianGrid strokeDasharray="4 4" stroke={'#666'} />
                 <XAxis