{"id":270,"date":"2026-08-07T10:17:04","date_gmt":"2026-08-07T14:17:04","guid":{"rendered":"http:\/\/caius.pelish.org\/?post_type=artwork&#038;p=270"},"modified":"2026-08-08T12:26:34","modified_gmt":"2026-08-08T16:26:34","slug":"skillmatchai","status":"publish","type":"artwork","link":"https:\/\/caius.pelish.org\/?artwork=skillmatchai","title":{"rendered":"SkillMatchAI"},"content":{"rendered":"<div class=\"row align-items-stretch\">\n<div class=\"col-md-4\">\n<h4 data-start=\"34\" data-end=\"625\">April 2025<\/h4>\n<p>&nbsp;<\/p>\n<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"34\" data-end=\"625\">SkillMatchAI was created for Knight Hacks Project Launch in Spring 2025 as an AI-powered career guidance platform designed to help users better understand which career paths might fit their skills, preferences, and working style. The application guides users through a 30-question self-assessment covering areas such as technical abilities, soft skills, learning preferences, and work style. Those responses are then analyzed using Google\u2019s Gemini AI to generate three personalized career recommendations along with explanations for each suggestion.<\/p>\n<\/div>\n<div class=\"col-md-8\">\n<p style=\"text-align: center;\"><a href=\"https:\/\/devpost.com\/software\/skillmatch-ai\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-273 alignright\" src=\"http:\/\/caius.pelish.org\/wp-content\/uploads\/2026\/08\/Results-300x166.jpg\" alt=\"\" width=\"393\" height=\"217\" srcset=\"https:\/\/caius.pelish.org\/wp-content\/uploads\/2026\/08\/Results-300x166.jpg 300w, https:\/\/caius.pelish.org\/wp-content\/uploads\/2026\/08\/Results-768x425.jpg 768w, https:\/\/caius.pelish.org\/wp-content\/uploads\/2026\/08\/Results.jpg 806w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/a>DevPost: <a href=\"https:\/\/devpost.com\/software\/skillmatch-ai\">https:\/\/devpost.com\/software\/skillmatch-ai<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<div class=\"row align-items-stretch\">\n<div class=\"col-md-12\">\n<p data-start=\"627\" data-end=\"1259\">My role on the project focused on UI\/UX design and frontend presentation. I helped establish the application\u2019s visual identity by defining its color palette, typography hierarchy, and component styling, with the goal of creating an interface that felt consistent, approachable, and easy to navigate. Because SkillMatchAI relies heavily on a multi-step survey experience, designing clear visual feedback was especially important. One of the challenges our team addressed was making unanswered questions noticeable without overwhelming the user or distracting from the rest of the assessment.<\/p>\n<p>&nbsp;<\/p>\n<p data-start=\"1261\" data-end=\"1668\">The frontend itself was built using React and Tailwind CSS, while the backend used Node.js and Express to process survey responses and communicate with the Gemini API. Working on SkillMatchAI gave me an opportunity to think beyond the appearance of individual components and consider how design decisions could support the overall flow of an AI-powered application.<\/p>\n<p data-start=\"1670\" data-end=\"2135\" data-is-last-node=\"\" data-is-only-node=\"\">This project was an important early experience for me as a UI\/UX designer because it showed me how visual consistency, usability, and technical functionality need to work together. Rather than treating design as a finishing layer, I was able to contribute to an experience intended to make a fairly complex process\u2014evaluating a user\u2019s abilities and generating individualized career guidance\u2014feel straightforward and accessible.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>April 2025 &nbsp; SkillMatchAI was created for Knight Hacks Project Launch in Spring 2025 as an AI-powered career guidance platform designed to help users better understand which career paths might fit their skills, preferences, and working style. The application guides users through a 30-question self-assessment covering areas such as technical abilities, soft skills, learning preferences, [&hellip;]<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false},"artwork_category":[12],"class_list":["post-270","artwork","type-artwork","status-publish","hentry","artwork_category-projects"],"_links":{"self":[{"href":"https:\/\/caius.pelish.org\/index.php?rest_route=\/wp\/v2\/artwork\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caius.pelish.org\/index.php?rest_route=\/wp\/v2\/artwork"}],"about":[{"href":"https:\/\/caius.pelish.org\/index.php?rest_route=\/wp\/v2\/types\/artwork"}],"replies":[{"embeddable":true,"href":"https:\/\/caius.pelish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=270"}],"wp:attachment":[{"href":"https:\/\/caius.pelish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=270"}],"wp:term":[{"taxonomy":"artwork_category","embeddable":true,"href":"https:\/\/caius.pelish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fartwork_category&post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}