Loading theme switcher

Fundamental Web Dev

HTML

CSS

Javascript

Typescript

Version Control

Git

VCS Hosting

Github

Gitlab

Package Managers

NPM

PNPM

YARN

Linters & Formaters

Prettier

ESLint

LLMs

AI Coding Assistant

Copilot

Claude Code

AI in Development

Prompt Engineering

Basic AI

Skills

MCP

Security

Cybersecurity

Cyber Defense

Threat Modeling

Data Security

Encryption

Frontend

Styling

Framework

Module Bundler

Testing

Web Security

UI Rendering

Design System

State Manager

API Integration

Performance

Accessibility

DevOps

SASS

Tailwind CSS

CSS3

React

Vue

Vite

Webpack

Rollup

Vitest

Jest

HTTPS

CORS

SSR

SPA

SSG

Token

Component Library

Storybook

Shadcn UI

Zustand

Redux

REST

GraphQL

Webp

Lazy Loading

Code Splitting

ARIA

Semantic HTML

Keyboard Navigation

Docker

Github Action

Vercel

Web APIs

PWAs

Backend

Server Frameworks

Node.js

Express.js

Databases

Postgres

MongoDB

Firebase

MySQL

Cloud

AWS

Google Cloud

Alibaba CLoud

Authentication

JWT

OAuth

Session Management

Monitoring

Datadog

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.

Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.

Yogi Prasetya - Software Engineering Skill Graph

Interactive skill map of Yogi Prasetya, a Jakarta-based software developer visualizing his capabilities across frontend, backend, AI tooling, and engineering practices, ranked by proficiency from Aware to Principal Programmer.

Frontend: React, Next.js, TypeScript, Tailwind CSS
Backend: Node.js, Express.js, PostgreSQL, MongoDB
Tooling: Docker, Git, Vite, Testing
AI in Development: Prompt Engineering, MCP