Portfolio
A responsive and modern Portfolio website built using Kobweb, leveraging Kotlin and Compose HTML for seamless UI and performance.
Install / Use
/learn @MusaibShabir/PortfolioREADME
Portfolio Website
Welcome to my personal portfolio website, built using the Kobweb. This site showcases my projects, skills, and experiences.
<p align="center"> <img alt="Kotlin" src="https://img.shields.io/badge/Kotlin-a503fc?logo=kotlin&logoColor=white&style=for-the-badge"/></a> <img alt="Jetpack Compose" src="https://img.shields.io/static/v1?style=for-the-badge&message=Jetpack+Compose&color=4285F4&logo=Jetpack+Compose&logoColor=FFFFFF&label="/></a> </p>About Kobweb
Kobweb is an opinionated Kotlin framework for creating websites and web applications. It is built on top of Compose HTML and draws inspiration from frameworks like Next.js and Chakra UI. Kobweb enables developers to use Kotlin and Compose to build rich, dynamic web applications while leveraging the greater Kotlin ecosystem.
Tech Stack
- Kobweb: Compose HTML framework for Kotlin multi-platform.
- Jetpack Compose: Modern Android UI toolkit for building native UIs in a declarative way.
- Kotlin: Modern programming language for concise and expressive code.
Previews:
Home Section

Dark Theme

Light Theme

Getting Started
Follow these steps to set up Kotfolio locally:
-
Clone the repository:
git clone https://github.com/MusaibShabir/Porfolio.git -
Getting Started
First, run the development server by typing the following command in a terminal under the
sitefolder:$ cd site $ kobweb runOpen http://localhost:8080 with your browser to see the result.
You can use any editor you want for the project, but we recommend using IntelliJ IDEA Community Edition downloaded using the Toolbox App.
Press Q in the terminal to gracefully stop the server.
Related Skills
node-connect
352.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
352.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
352.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
